1/9

Women's Round Neck Lantern Sleeve Lace Hollow Dress

$95.00
const TAG = "spz-custom-product-automatic"; class SpzCustomProductAutomatic extends SPZ.BaseElement { constructor(element) { super(element); this.variant_id = '882345d1-ba63-4da5-b089-8e1a2189f552'; 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 = '7cc0a73c-269a-49e9-b3e6-db40bf86bdf7'; 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 == '7cc0a73c-269a-49e9-b3e6-db40bf86bdf7' && 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 = '7cc0a73c-269a-49e9-b3e6-db40bf86bdf7'; 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() {} unmountCallback() {} setupAction_() { this.registerAction('showAddToCartToast', () => { const themeAddToCartToastEl = document.querySelector('#add-cart-event-proxy') if(themeAddToCartToastEl) return 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);
Color:  Green
Size:  XS(US 4/UK 8/EU 36)
Quantity
Sku : Women-4083-green-XS(US 4/UK-027

Description

 The Allure of the Sage Green Lace Midi Dress
This sage green lace midi dress is a captivating blend of romance, elegance, and modern style, making it a standout piece for various special occasions.

The color, a soft and muted sage green, is both soothing and sophisticated. It evokes the tranquility of nature, reminiscent of lush foliage and serene meadows. This hue flatters a wide range of skin tones, adding a touch of understated glamour while remaining versatile enough to pair with different accessories and footwear.

The silhouette of the dress is both feminine and figure - flattering. It has a high - neckline that adds a touch of modesty and elegance, drawing attention to the face and collarbone. The puff sleeves are a standout feature, adding volume and drama to the upper body. These sleeves are not overly large; instead, they strike a perfect balance, giving a nod to vintage - inspired fashion while remaining thoroughly modern. They are partially sheer, thanks to the lace construction, which adds an extra layer of allure.

At the waist, the dress is cinched with a subtle, decorative band that helps to define the figure and create an hourglass shape. This waist - defining detail is crucial as it breaks up the volume of the lace and gives structure to the otherwise flowing silhouette. Below the waist, the midi - length skirt cascades down, skimming the calves in a graceful manner. The skirt’s hem is scalloped, following the natural curves of the lace pattern, which adds a final touch of refinement.

The model pairs the dress with minimalist accessories that complement rather than overpower it. The small, brown leather clutch adds a touch of warmth and earthiness, echoing the natural tones of the sage green. The strappy heels elongate the legs and add a bit of height, enhancing the dress’s elegant profile. The delicate jewelry, including a bracelet and rings, adds a subtle sparkle without detracting from the dress’s lace beauty.

This dress is versatile in its wearability. It would be a perfect choice for a spring or summer wedding, whether as a guest dress or even for a more fashion - forward bridesmaid. Its midi length and elegant design make it suitable for afternoon tea parties, garden soirees, or even a fancy dinner date. For cooler evenings, it could be paired with a light, tailored blazer or a cropped denim jacket for a more casual yet still chic look.

In terms of fabric, the lace is likely lined with a soft, matching underlay to ensure coverage while still allowing the lace’s details to shine through. The lining also adds to the dress’s comfort, making it easy to wear for extended periods. The outer lace fabric appears to be lightweight and breathable, making it ideal for warmer weather.

Overall, this sage green lace midi dress is a celebration of feminine beauty and intricate design. It combines classic elements like the high neckline and midi length with modern touches such as the puff sleeves and lace construction. It’s a dress that allows the wearer to feel both beautiful and confident, whether they’re attending a formal event or a more casual gathering. It’s a piece that transcends trends, offering timeless elegance that can be cherished in a wardrobe for years to come.

Dress Size:

SizeLengthBustSleeve Length
CMinchCMinchCMinch
XS12750.08533.53513.8
S12850.48935.03815.0
M12950.89437.03915.4
L13051.29939.04015.7
XL13151.610440.94116.1
2XL13252.010942.94216.5
3XL13352.411444.94316.9

 *This data was obtained from manually measuring the product, it may be off by 1-2 CM.