28/28

🌸Big price reduction🌸 Round Neck Polka Dot Print Midi Dress

$44.98
const TAG = "spz-custom-product-automatic"; class SpzCustomProductAutomatic extends SPZ.BaseElement { constructor(element) { super(element); this.variant_id = 'a91e561c-0e21-4cd8-8750-56628db8ba82'; this.isRTL = SPZ.win.document.dir === 'rtl'; } 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 = '78b58c8a-9010-4299-8daf-07941c0079b5'; 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 == '78b58c8a-9010-4299-8daf-07941c0079b5' && 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(); }); } 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);
Color:  🔥Brown
Size:  S
Quantity
Sku : LF10269931C05S

Description

😍The Polka Dot Print Midi Dress you'll never want to take off. comfy, chic, and perfect for any occasion!🥂

🌸Perfect colors and designs for the season!🌸

SIZE TABLE

Step into a world of timeless beauty with our elegant Mary dress. This stunning dress is designed for the modern woman who wants to exude sophistication and style on every occasion.

FEATURES

  ⭐ELEGANT DESIGN: Charming round neckline design with fresh polka dot print shows an elegant yet youthful and energetic style. Every detail exudes fashionable flavour, making you the focus of summer fashion.

⭐Lightweight fabrics: Selected lightweight and breathable fabrics are made to make you feel cool and refreshed in the hot summer days. The fabric is soft and delicate, with a breathable texture, making it more comfortable to wear.

⭐  Energetic bustier skirt: The bustier skirt is well cut, comfortable and loose, which not only shows elegant curves, but also brings infinite vitality. It is suitable for daily wear and shows your fashionable taste in the streets and lanes.

⭐Colourful prints: Diverse polka dot prints are designed in bright colours, exuding a youthful and energetic atmosphere. The unique prints make the whole look more vivid and interesting.

⭐Suitable for summer: Cool and breathable fabrics and lively prints make this bustier perfect for summer fashion trends. Whether you are on a beach holiday or a city stroll, it will show your elegance and vitality, and make you look charming in summer.

SPECIFICATIONS

  • Style: Casual
  • Material: Cotton Blends
  • Dress Type: A-Line
  • Dress Length: Knee Length
  • Neckline: Round Neck
  • Pattern Type: Polka Dot
  • Sleeve Type: Regular sleeve
  • Sleeve Length: Half Sleeve
  • Details: Ruffle
  • Fit Type: Regular
  • Season: Spring, Summer
  • Occasion: Daily
  • Package Includes: 1 x Dress

NOTE

  • Please follow the size chart strictly to select the size. Do not choose directly according to your habits.
  • The size can have 1-3 cm differences due to manual measurement. Note when you measure.
  • Due to different displays and light effects, the actual color of the item may differ slightly from the color shown in the pictures.