Immerse in the Fantasy Realm, Enjoy the Extraordinary Cup Charm - 3D Stereoscopic Carved Goblets
9/29

Immerse in the Fantasy Realm, Enjoy the Extraordinary Cup Charm - 3D Stereoscopic Carved Goblets

$49.99
const TAG = "spz-custom-product-automatic"; class SpzCustomProductAutomatic extends SPZ.BaseElement { constructor(element) { super(element); this.variant_id = '9fd8ccd7-e9c0-4375-8cb9-431c88842102'; this.isRTL = SPZ.win.document.dir === 'rtl'; this.isAddingToCart_ = false; // 加购中状态 } static deferredMount() { return false; } buildCallback() { this.action_ = SPZServices.actionServiceForDoc(this.element); this.templates_ = SPZServices.templatesForDoc(this.element); this.xhr_ = SPZServices.xhrFor(this.win); this.setupAction_(); this.viewport_ = this.getViewport(); } mountCallback() { this.init(); // 监听事件 this.bindEvent_(); } async init() { this.handleFitTheme(); const data = await this.getDiscountList(); this.renderApiData_(data); } async getDiscountList() { const productId = '7766f52c-4a7c-4ce9-a5cc-c715aef9c4a5'; const variantId = this.variant_id; const productType = 'default'; const reqBody = { product_id: productId, variant_id: variantId, discount_method: "DM_AUTOMATIC", customer: { customer_id: window.C_SETTINGS.customer.customer_id, email: window.C_SETTINGS.customer.customer_email }, product_type: productType } const url = `/api/storefront/promotion/display_setting/text/list`; const data = await this.xhr_.fetchJson(url, { method: "post", body: reqBody }).then(res => { return res; }).catch(err => { this.setContainerDisabled(false); }) return data; } async renderDiscountList() { this.setContainerDisabled(true); const data = await this.getDiscountList(); this.setContainerDisabled(false); // 重新渲染 抖动问题处理 this.renderApiData_(data); } clearDom() { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); } async renderApiData_(data) { const parentDiv = document.querySelector('.automatic_discount_container'); const newTplDom = await this.getRenderTemplate(data); if (parentDiv) { parentDiv.innerHTML = ''; parentDiv.appendChild(newTplDom); } else { console.log('automatic_discount_container is null'); } } doRender_(data) { const renderData = data || {}; return this.templates_ .findAndRenderTemplate(this.element, renderData) .then((el) => { this.clearDom(); this.element.appendChild(el); }); } async getRenderTemplate(data) { const renderData = data || {}; return this.templates_ .findAndRenderTemplate(this.element, { ...renderData, isRTL: this.isRTL }) .then((el) => { this.clearDom(); return el; }); } setContainerDisabled(isDisable) { const automaticDiscountEl = document.querySelector('.automatic_discount_container_outer'); if(isDisable) { automaticDiscountEl.setAttribute('disabled', ''); } else { automaticDiscountEl.removeAttribute('disabled'); } } // 绑定事件 bindEvent_() { window.addEventListener('click', (e) => { let containerNodes = document.querySelectorAll(".automatic-container .panel"); let bool; Array.from(containerNodes).forEach((node) => { if(node.contains(e.target)){ bool = true; } }) // 是否popover面板点击范围 if (bool) { return; } if(e.target.classList.contains('drowdown-icon') || e.target.parentNode.classList.contains('drowdown-icon')){ return; } const nodes = document.querySelectorAll('.automatic-container'); Array.from(nodes).forEach((node) => { node.classList.remove('open-dropdown'); }) // 兼容主题 this.toggleProductSticky(true); }) // 监听变体变化 document.addEventListener('dj.variantChange', async(event) => { // 重新渲染 const variant = event.detail.selected; if (variant.product_id == '7766f52c-4a7c-4ce9-a5cc-c715aef9c4a5' && variant.id != this.variant_id) { this.variant_id = variant.id; this.renderDiscountList(); } }); } // 兼容主题 handleFitTheme() { // top 属性影响抖动 let productInfoEl = null; if (window.SHOPLAZZA.theme.merchant_theme_name === 'Wind' || window.SHOPLAZZA.theme.merchant_theme_name === 'Flash') { productInfoEl = document.querySelector('.product-info-body .product-sticky-container'); } else if (window.SHOPLAZZA.theme.merchant_theme_name === 'Hero') { productInfoEl = document.querySelector('.product__info-wrapper .properties-content'); } if(productInfoEl){ productInfoEl.classList.add('force-top-auto'); } } // 兼容 wind/flash /hero 主题 (sticky属性影响 popover 层级展示, 会被其他元素覆盖) toggleProductSticky(isSticky) { let productInfoEl = null; if (window.SHOPLAZZA.theme.merchant_theme_name === 'Wind' || window.SHOPLAZZA.theme.merchant_theme_name === 'Flash') { productInfoEl = document.querySelector('.product-info-body .product-sticky-container'); } else if (window.SHOPLAZZA.theme.merchant_theme_name === 'Hero') { productInfoEl = document.querySelector('.product__info-wrapper .properties-content'); } if(productInfoEl){ if(isSticky) { // 还原该主题原有的sticky属性值 productInfoEl.classList.remove('force-position-static'); return; } productInfoEl.classList.toggle('force-position-static'); } } setupAction_() { this.registerAction('handleDropdown', (invocation) => { const discount_id = invocation.args.discount_id; const nodes = document.querySelectorAll('.automatic-container'); Array.from(nodes).forEach((node) => { if(node.getAttribute('id') != `automatic-${discount_id}`) { node.classList.remove('open-dropdown'); } }) const $discount_item = document.querySelector(`#automatic-${discount_id}`); $discount_item && $discount_item.classList.toggle('open-dropdown'); // 兼容主题 this.toggleProductSticky(); }); // 加购事件 this.registerAction('handleAddToCart', (invocation) => { // 阻止事件冒泡 const event = invocation.event; if (event) { event.stopPropagation(); event.preventDefault(); } // 如果正在加购中，直接返回 if (this.isAddingToCart_) { return; } const quantity = invocation.args.quantity || 1; this.addToCart(quantity); }); } // 加购方法 async addToCart(quantity) { // 设置加购中状态 this.isAddingToCart_ = true; const productId = '7766f52c-4a7c-4ce9-a5cc-c715aef9c4a5'; const variantId = this.variant_id; const url = '/api/cart'; const reqBody = { product_id: productId, variant_id: variantId, quantity: quantity }; try { const data = await this.xhr_.fetchJson(url, { method: 'POST', body: reqBody }); // 触发加购成功提示 this.triggerAddToCartToast_(); return data; } catch (error) { error.then(err=>{ this.showToast_(err?.message || err?.errors?.[0] || 'Unknown error'); }) } finally { // 无论成功失败，都重置加购状态 this.isAddingToCart_ = false; } } showToast_(message) { const toastEl = document.querySelector("#apps-match-drawer-add_to_cart_toast"); if (toastEl) { SPZ.whenApiDefined(toastEl).then((apis) => { apis.showToast(message); }); } } // 触发加购成功提示 triggerAddToCartToast_() { // 如果主题有自己的加购提示，则不显示 const themeAddToCartToastEl = document.querySelector('#add-cart-event-proxy'); if (themeAddToCartToastEl) return; // 显示应用的加购成功提示 this.showToast_("Added successfully"); } triggerEvent_(name, data) { const event = SPZUtils.Event.create(this.win, `${ TAG }.${ name }`, data || {}); this.action_.trigger(this.element, name, event); } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER; } } SPZ.defineElement(TAG, SpzCustomProductAutomatic);
class SpzCustomDiscountBundle extends SPZ.BaseElement { constructor(element) { super(element); } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } mountCallback() { // 同一页可能有多个 block 各自渲染本 snippet，导致逻辑元素 spz-custom-discount-toast(#appsAddCartToastFunc) 重复。 // 仅保留 DOM 中第一个实例，其余重复实例移除自身，保证逻辑元素及其 action 引用(appsAddCartToastFunc)唯一。 const funcs = document.querySelectorAll('#appsAddCartToastFunc'); if (funcs.length > 1 && this.element !== funcs[0]) { this.element.remove(); return; } // 全局折扣 toast 的弹出点分散在多个模板/组件里（含声明式 @atcError），无法逐一在弹出前前置， // 故挂载时幂等地去重并挂到 body；加购 toast 改为弹出前按需去重（见 showAddToCartToast） this.ensureSingleToastInBody_('cart_match_discount_toast_wrap'); } unmountCallback() {} // 同一页面可能有多个 block 各自渲染本 toast snippet（如商详的 discount_automatic + 购物车抽屉里的折扣横幅）， // 导致 toast 外层出现重复 id。重复 id 下 getElementById/querySelector 及 SPZ 动作引用都只命中第一个， // 且被关进抽屉的那份会被抽屉的 transform/overflow 裁剪/错位。这里在挂载时幂等去重： // 只保留一份、移除多余的，并把保留的挂到 body（body 是 position:fixed 最安全的落点，避免被任何祖先裁剪）。可反复调用。 ensureSingleToastInBody_(id) { const els = Array.from(document.querySelectorAll('#' + id)); if (!els.length) return; els.slice(1).forEach((el) => el.remove()); const keep = els[0]; if (keep.parentNode !== document.body) { document.body.appendChild(keep); } } // 主题购物车抽屉是否打开 isInCartDrawer_() { return !!document.querySelector('[data-section-type="cart_drawer"] spz-sidebar[open]'); } setupAction_() { this.registerAction('showAddToCartToast', () => { // 抽屉内加购：主题本就不会有加购效果，统一弹插件自己的 toast // 非抽屉：主题有加购代理则沿用主题加购效果，否则插件兜底 const proxyEl = document.getElementById('add-cart-event-proxy'); const inDrawer = this.isInCartDrawer_(); if (!inDrawer && proxyEl) { return; } // 弹出前按需去重并挂到 body（幂等），避免重复 id 命中错对象或被抽屉裁剪/错位 this.ensureSingleToastInBody_('apps_add_cart_toast_wrap'); const toastEl = document.querySelector('#apps-match-drawer-add_to_cart_toast') SPZ.whenApiDefined(toastEl).then((apis) => { apis.showToast("Added successfully"); }); }); } buildCallback() { this.setupAction_(); }; } SPZ.defineElement('spz-custom-discount-toast', SpzCustomDiscountBundle);
Style:  Red - Dragon Goblet
Quantities:  1
class SpzCustomDiscountFlashsale extends SPZ.BaseElement { constructor(element) { super(element); this.xhr_ = SPZServices.xhrFor(this.win); this.getFlashSaleApi = "\/api\/storefront\/promotion\/flashsale\/display_setting\/product_setting"; this.timer = null; this.variantId = "9fd8ccd7-e9c0-4375-8cb9-431c88842102"; // 促销活动数据 this.flashsaleData = {} } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER; } buildCallback() { this.templates_ = SPZServices.templatesForDoc(); this.viewport_ = this.getViewport(); // 挂载bind函数 解决this指向问题 this.render = this.render.bind(this); this.resize = this.resize.bind(this); this.switchVariant = this.switchVariant.bind(this); } mountCallback() { // 获取数据 this.getData(); this.element.onclick = (e) => { const cur = this.win.document.querySelector(".app_discount_flashsale_desc"); const setting = this.flashsaleData.product_setting; const landingUrl = `/promotions/discount-default/${this.flashsaleData.discount_info.id}`; const finalUrl = appDiscountUtils.resolveDiscountHref(setting, landingUrl); if (finalUrl && appDiscountUtils.inProductBody(this.element) && e.target !== cur) { this.win.open(finalUrl, '_blank', 'noopener'); } } // 绑定 this.viewport_.onResize(this.resize); // 监听子款式切换，重新渲染 this.win.document.addEventListener('dj.variantChange', this.switchVariant); } unmountCallback() { // 解绑 this.viewport_.removeResize(this.resize); this.win.document.removeEventListener('dj.variantChange', this.switchVariant); // 清除定时器 if (this.timer) { clearTimeout(this.timer); this.timer = null; } } resize() { if (this.timer) { clearTimeout(this.timer) this.timer = null; } this.timer = setTimeout(() => { this.render(); }, 200) } switchVariant(event) { const variant = event.detail.selected; if (variant.product_id == '7766f52c-4a7c-4ce9-a5cc-c715aef9c4a5' && variant.id != this.variantId) { this.variantId = variant.id; this.getData(); } } getData() { const reqBody = { product_id: "7766f52c-4a7c-4ce9-a5cc-c715aef9c4a5", product_type: "default", variant_id: this.variantId } this.flashsaleData = {}; this.win.fetch(this.getFlashSaleApi, { method: "POST", body: JSON.stringify(reqBody), headers: { "Content-Type": "application/json" } }).then(async (response) => { if (response.ok) { this.flashsaleData = await response.json(); this.render(); } else { this.clearDom(); } }).catch(err => { this.clearDom(); }); } clearDom() { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); } render() { this.templates_ .findAndRenderTemplate(this.element, { isMobile: appDiscountUtils.judgeMobile(), isRTL: appDiscountUtils.judgeRTL(), inProductDetail: appDiscountUtils.inProductBody(this.element), flashsaleData: this.flashsaleData, image_domain: this.win.SHOPLAZZA.image_domain, }) .then((el) => { this.clearDom(); this.element.appendChild(el); }) } } SPZ.defineElement('spz-custom-discount-flashsale', SpzCustomDiscountFlashsale);
Quantity
()
Free shipping on $99+
15-day returns
Worldwide tracked delivery
Secure PayPal & card payments

Description

Item Details:
Material: resin + stainless steel
Size: 7.5*7.5*18.5cm
Weight: 280g

In the fantasy world, every creature carries a unique story and charm. Our meticulously - crafted series of 3D stereoscopic carved goblets perfectly integrates fantasy elements with practical functions, bringing you a unique drinking experience.

I. Styling Design: Fantasy Creatures, Vividly Presented

Red - Dragon Goblet

Modeled after the powerful red dragon in mythology, the red dragon on the goblet has a vigorous posture, with clearly - visible scale textures, as if it could leap out of the cup body at any moment and release blazing flames. Its bright red color not only has a strong visual impact but also symbolizes courage and strength, adding a heroic spirit to every toast of yours.

When I look into your eyes, I see the promise of love Adorned with intricate silver baroque detailing rising from the metallic base to the stainless-steel rim, this Goblet is the perfect addition to any fantasy collection. The carefully sculpted stem is formed by the body of a fearsome Red Dragon. Above it is an ornate cross, at its heart is a red gemstone. Cast in high-quality resin and carefully hand-painted these Dragons Devotion goblets are paired together to form the shape of a heart, perfect for sharing with your mystic love.

Snow - Wolf Goblet

The snow - wolf design is cold and aloof, with a hint of mystery and alertness in its eyes. The design of the cup body seems to place the snow - wolf in a world of ice and snow, highlighting its nobility and elegance. Using this goblet, you can seemingly feel the biting breath from the polar regions, creating a different drinking atmosphere.

When I look into your eyes, I see the spirit of the wild. With delicate silver - baroque patterns winding from the metal base to the stainless - steel rim, this goblet is a must - have for fantasy enthusiasts. The stem is crafted into the form of a majestic white wolf, its eyes glinting with an otherworldly light. The body of the goblet is adorned with a pattern of snowflakes, adding to its icy allure. Cast in high - quality resin and carefully hand - painted, these Snow Wolf goblets, when paired, create a symbol of unwavering companionship, ideal for sharing a drink with a kindred spirit.

Skull Goblet

The unique skull shape is full of mystery and dark charm. The exquisite carving craftsmanship shows every detail of the skull incisively and vividly, as if telling ancient legends. Whether it's a Halloween party or a dark - themed gathering, it can become the focus and add a special atmosphere to the event.
When I look into your eyes, I see the enigma of eternity. With elaborate silver baroque detailing that runs from the metal base to the stainless - steel rim, this goblet is a striking addition to any fantasy collection. The stem is sculpted into the form of a skull, its empty eye sockets seeming to hold ancient secrets. The cup is decorated with a pattern of cracked bones, adding to its macabre allure. Made from superior resin and carefully hand - painted, these Skull goblets, paired up, form a symbol of timeless fascination, perfect for sharing a drink with a companion who is intrigued by the mysteries of the beyond.

Black - Cat Goblet

The black cat has always been regarded as a symbol of mystery. The black - cat shape on this goblet is elegant and agile, as if it possesses extraordinary magic. The delicate carving makes the black cat's fur come to life. Paired with the patterns on the cup body, it creates a mysterious and charming atmosphere.

When I peer into your eyes, I see the mystery of the night. Adorned with intricate silver baroque motifs that stretch from the metal base to the stainless - steel rim, this goblet is a captivating piece for fantasy lovers. The stem is shaped like a stealthy black cat, its eyes glowing with a mysterious light. The body of the goblet is decorated with a pattern of swirling shadows, enhancing its enigmatic charm. Cast in fine resin and meticulously hand - painted, these Black Cat goblets, when placed together, create a bond of dark allure, suitable for sharing a moment with someone who appreciates the secrets of the night.

Unicorn Goblet

As a dreamy creature in the fantasy world, the unicorn is deeply loved for its pure and beautiful image. The unicorn shape on this goblet is beautiful and dreamy, with its single horn shining with a soft light, as if it can dispel all the haze. Drinking with it is like being in a fairy - tale wonderland, bringing full romance and poetry.

When I gaze into your eyes, I see the magic of dreams. Embellished with elaborate silver baroque designs from the sturdy metal base to the sleek stainless - steel rim, this goblet is a treasure in any fantasy collection. The stem features the elegant head of a unicorn, its horn shimmering with an iridescent sheen. The cup is decorated with a pattern of stars and moons, evoking a sense of wonder. Made from top - notch resin and exquisitely hand - painted, these Unicorn goblets, side by side, form a heart - like connection, perfect for toasting with a beloved who shares your magical vision.

II. Material and Craftsmanship: Excellent Quality, Safe and Durable

The goblets are made by combining resin and stainless steel. The outer - layer resin is carefully carved and painted, which can not only present the vivid images of fantasy creatures but also has good wear - resistance and corrosion - resistance. The inner stainless - steel material ensures the safety and hygiene of the drinks. Meanwhile, it has excellent heat - preservation performance, keeping cold or hot drinks at a suitable temperature.

III. Usage Scenarios: Diverse Choices, Atmosphere - filled

Whether you are enjoying a leisurely time alone at home or holding a themed party with friends, these 3D stereoscopic carved goblets can add a unique atmosphere to your activities. During a candle - light dinner, using the unicorn goblet adds a dreamy touch to the romantic night; when having a party with friends, taking out the red - dragon goblet to share joy and passion together; at a Halloween party, the skull goblet is an essential decoration and drinking utensil.

IV. Quality Assurance: Strict Control, Worry - free Purchase

We have strict control over product quality. Every link from raw material procurement to the production process has been carefully selected and strictly tested to ensure that each goblet has high quality and durability. At the same time, we provide a complete after - sales service. If you encounter any problems during use, our customer - service team will serve you wholeheartedly.

Choose our 3D stereoscopic carved goblets. While sipping fine wine, you seem to be in a fantasy world, feeling the unique charm brought by each fantasy creature. Place your order now and start your fantasy drinking journey!