2/2

Elegant Pleated Contrast Crew Neck Midi Dress

$41.99
const TAG = "spz-custom-product-automatic"; class SpzCustomProductAutomatic extends SPZ.BaseElement { constructor(element) { super(element); this.variant_id = '007a3863-d11a-443c-b37f-ef034f4501fb'; 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() { console.log('自动折扣直出数据',{"downgrade":false,"automatic_discount_list":[{"discount_type":"DT_REBATE_CTA_OTR","discount_icon":"\/\/img.staticdj.com\/oss\/operation\/52a3d7f0a272be85092170dc93eefe81.svg","discount":[{"discount_id":"521580248265930689","discount_type":"DT_REBATE_CTA_OTR","discount_method":"DM_AUTOMATIC","config":{"text":"Buy $79.00<\/span> get $8.00<\/span> off,Buy $159.00<\/span> get $26.00<\/span> off,Buy $209.00<\/span> get $36.00<\/span> off,Buy $309.00<\/span> get $66.00<\/span> off","texts":["Buy $79.00<\/span> get $8.00<\/span> off","Buy $159.00<\/span> get $26.00<\/span> off","Buy $209.00<\/span> get $36.00<\/span> off","Buy $309.00<\/span> get $66.00<\/span> off"],"off_text":""},"product_enabled":true,"template_type":"text","is_redirection":true,"template_config":"{\"color\":{\"text\":{\"icon_text_color\":\"#EB391B\"},\"tag\":{\"text_color\":\"#EB391B\",\"background_color\":\"rgba(235, 57, 27, 0.04)\"},\"banner\":{\"icon_text_color\":\"#EB391B\",\"background_color\":\"rgba(235, 57, 27, 0.04)\"},\"coupon\":{\"coupon_border_color\":\"#FFEFDE\",\"coupon_background_color\":\"#F8A056\",\"coupon_background_color_end\":\"#F93E37\",\"coupon_color\":\"#FFFFFF\",\"coupon_button_background_color_start\":\"#FEE7CD\",\"coupon_button_background_color_end\":\"#FFF4E7\",\"coupon_button_color\":\"#F94339\"}}}","display_type":"DTE_FOLD"}]}],"hash":"b1eeba2c8f3c727f2fb00b1c2445f5fa"}); this.init(); // 监听事件 this.bindEvent_(); } async init() { this.handleFitTheme(); const promotionComplex = {"downgrade":false,"automatic_discount_list":[{"discount_type":"DT_REBATE_CTA_OTR","discount_icon":"\/\/img.staticdj.com\/oss\/operation\/52a3d7f0a272be85092170dc93eefe81.svg","discount":[{"discount_id":"521580248265930689","discount_type":"DT_REBATE_CTA_OTR","discount_method":"DM_AUTOMATIC","config":{"text":"Buy $79.00<\/span> get $8.00<\/span> off,Buy $159.00<\/span> get $26.00<\/span> off,Buy $209.00<\/span> get $36.00<\/span> off,Buy $309.00<\/span> get $66.00<\/span> off","texts":["Buy $79.00<\/span> get $8.00<\/span> off","Buy $159.00<\/span> get $26.00<\/span> off","Buy $209.00<\/span> get $36.00<\/span> off","Buy $309.00<\/span> get $66.00<\/span> off"],"off_text":""},"product_enabled":true,"template_type":"text","is_redirection":true,"template_config":"{\"color\":{\"text\":{\"icon_text_color\":\"#EB391B\"},\"tag\":{\"text_color\":\"#EB391B\",\"background_color\":\"rgba(235, 57, 27, 0.04)\"},\"banner\":{\"icon_text_color\":\"#EB391B\",\"background_color\":\"rgba(235, 57, 27, 0.04)\"},\"coupon\":{\"coupon_border_color\":\"#FFEFDE\",\"coupon_background_color\":\"#F8A056\",\"coupon_background_color_end\":\"#F93E37\",\"coupon_color\":\"#FFFFFF\",\"coupon_button_background_color_start\":\"#FEE7CD\",\"coupon_button_background_color_end\":\"#FFF4E7\",\"coupon_button_color\":\"#F94339\"}}}","display_type":"DTE_FOLD"}]}],"hash":"b1eeba2c8f3c727f2fb00b1c2445f5fa"}; let data = await this.getDiscountList(); if (data.hash && (data.hash !== promotionComplex.hash)) { // 兜底方案, downgrade == true; 需要降级 则要请求接口, // 但是直出数据可能存在缓存，一定会调用一次接口，直接判断hash版本，不一致就用接口的，一致就没必要重新渲染一模一样的数据了 console.log('%c 自动折扣hash不一致, 使用接口数据 ', 'background:#ffe3f4;border: 1px solid #ff4395; color: #ff4395;', data.hash); this.renderApiData_(data); } } async getDiscountList() { const productId = '37654b74-8663-4796-a789-2d0715d649b2'; 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 renderApiData_(data) { const parentDiv = document.querySelector('.automatic_discount_container'); const newTplDom = await this.getRenderTemplate(data); if(parentDiv){ parentDiv.innerHTML = ''; parentDiv.appendChild(newTplDom); } } 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); } 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'); 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 == '37654b74-8663-4796-a789-2d0715d649b2' && 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);
Buy $79.00 get $8.00 off,Buy $159.00 get $26.00 off,Buy $209.00 get $36.00 off,Buy $309.00 get $66.00 off
Buy $79.00 get $8.00 off,Buy $159.00 get $26.00 off,Buy $209.00 get $36.00 off,Buy $309.00 get $66.00 off
Buy $79.00 get $8.00 off,Buy $159.00 get $26.00 off,Buy $209.00 get $36.00 off,Buy $309.00 get $66.00 off
Buy $79.00 get $8.00 off
Buy $159.00 get $26.00 off
Buy $209.00 get $36.00 off
Buy $309.00 get $66.00 off
Color:  Black
Size:  S
Quantity
Shipping
Sku : DZ-169535-FY-Black-S
Weight : 280g

Description

SPU: DZ-169535-FY

Fabric Name: 100% Cotton-blend

Pattern: Pleated

Process: Printed

Style: Elegant

Length: Ankle-Length

Collar: Round Neck

Popular Elements: Pleated

Sleeve Type: Long Sleeve

Occasion: Daily

Theme: Spring, Fall

NOTE: If you are not sure, please choose a larger size. If you have any doubts about this product, we suggest you contact our customer service team. Due to the color difference between the screens of different electronic devices (computers, mobile phones or ipads), especially the CRT screen and the LCD screen, the color of the item may be slightly different from what you see in the photos, please take the actual product as the standard.

Size Shoulder Bust Length Sleeve
cm inch cm inch cm inch cm inch
S 39 15.2 92 35.9 127 49.5 59 23.0
M 40 15.6 96 37.4 128 49.9 60 23.4
L 41 16.0 100 39.0 129 50.3 61 23.8
XL 42 16.4 104 40.6 130 50.7 62 24.2
2XL 43 16.8 108 42.1 131 51.1 63 24.6
3XL 44 17.2 112 43.7 132 51.5 64 25.0
4XL 45 17.6 116 45.2 133 51.9 65 25.4
5XL 46 17.9 120 46.8 134 52.3 66 25.7
Due to manual measurement, there may be an error of 1-3cm

Women's Independence Day Flag Floral Embroidered V-neck Linen Blend T-shirt

$22.99

Women's Independence Day Flag Flower Embroidered V-neck Short Sleeve Linen Blend T-shirt

$23.99

Women's Vintage Independence Day Flag Glitter Art Linen T-shirt

$22.99

Women's Independence Day Flag Flower Embroidered V-neck Linen Blend T-shirt

$22.99

American Flag Floral Patchwork Linen Tank Top

$27.99

Women's Vintage Flag Floral Embroidered Cotton And Linen T-shirt

$22.99

Women's No Kings In America Black Cat Print T-shirt

$23.99

Women's Vintage Independence Day Sequins Art Linen T-shirt

$22.99

Floral American Flag Patchwork Linen Tank Top

$27.99

Women's “we The People No Kings In America” Printed V-neck T-shirt

$23.99

Women's Independence Day Flag Floral Embroidered V-neck Linen Blend T-shirt

$22.99

Women's Independence Day Flag Flower Embroidered V-neck Short Sleeve Linen Blend T-shirt

$23.99

Women's Vintage Independence Day Flag Glitter Art Linen T-shirt

$22.99

Women's Independence Day Flag Flower Embroidered V-neck Linen Blend T-shirt

$22.99
View more

Women's Vintage Viking Celtic Knot And Floral Gradient Long Sleeve T-shirt

$28.99
Save $11.00 Save $11.00

Retro Bohemian Floral Embroidery Art Graphics Cotton And Linen Blend Loose Blouse

$28.99 $39.99 +2
Save $9.50 Save $9.50

Women's Bohemian Vacation Floral Round Neck T-shirt

$27.99 $37.49 +2

Vintage Color Block Loose Linen Blend T-shirt

$28.99
Save $9.00 Save $9.00

Women's Flower And Bird Embroidery Art Linen V-neck Shirt

$28.99 $37.99 +2

Women's Floral Embroidery Independence Day Flag Short Sleeve V Neck Casual Linen Top

$22.99

Women's Folk Flower And Bird Art Embroidery Pattern Dress

$27.99

Women's Vintage Denim Velvet Tree Panel Sleeveless Dress

$27.99 +1

Women's Vintage Floral Lace Patch Comfort Dress

$27.99 +1
Save $11.99 Save $11.99

Floral Denim Textile Lace Hem Patchwork Tank Dress

$27.99 $39.98

Women's Vintage Viking Celtic Knot And Floral Gradient Long Sleeve T-shirt

$28.99
Save $11.00 Save $11.00

Retro Bohemian Floral Embroidery Art Graphics Cotton And Linen Blend Loose Blouse

$28.99 $39.99 +2
Save $9.50 Save $9.50

Women's Bohemian Vacation Floral Round Neck T-shirt

$27.99 $37.49 +2

Vintage Color Block Loose Linen Blend T-shirt

$28.99
View more

Vintage Lace Art Linen Maxi Dress

$37.99

Vintage Floral Embroidered Linen Blend Lace Maxi Dress

$37.99
Save $11.99 Save $11.99

Floral Denim Textile Lace Hem Patchwork Tank Dress

$27.99 $39.98

Vintage Floral Hollow Lace Patchwork Linen Maxi Dress

$37.99 +2
Save $7.49 Save $7.49

Vintage Floral Embroidery Women's Linen Short Sleeve Maxi Dress

$35.99 $43.48

Women Japanese Art Plum Blossom Linen Blend Long Sleeve Maxi Dress

$40.99

Women's Vintage Floral Lace Patch Comfort Dress

$27.99 +1

Women's Vintage Denim Velvet Tree Panel Sleeveless Dress

$27.99 +1

Women's Vintage Floral Art Linen Dress

$37.99 +2

Starfish & Sea Shell Embroidered Sea Waves Gradient Lace Flowy Linen Dress

$35.99

Vintage Lace Art Linen Maxi Dress

$37.99

Vintage Floral Embroidered Linen Blend Lace Maxi Dress

$37.99
Save $11.99 Save $11.99

Floral Denim Textile Lace Hem Patchwork Tank Dress

$27.99 $39.98

Vintage Floral Hollow Lace Patchwork Linen Maxi Dress

$37.99 +2
View more

Men's Vintage Viking Wolf Print V-neck Linen Blend T-shirt

$22.99 +2

Men's Viking Tribal Celtic Tree Of Life Art V Neck Tank Top

$22.99 +2

Men's Retro Viking Tribal Dragon Celtic Knot Art Linen Pants

$32.99 +2

Vintage Celtic Knot Dragon Totem Line Shorts

$26.99

Men's Viking Celtic Mythical Life Stand-up Collar Shirt

$30.99

Men's Viking Celtic Knot Art Casual V Neck T-shirt

$23.99

Men's Viking Celtic Knot And Bear Contrast Color Gradient Art Cozy Linen Hooded Vest

$28.99

Men's Viking Tribal Celtic Tree Of Life Art Linen Blend Wide Leg Pants

$32.99

Men's Vintage Viking Celtic Knot Art Linen Shirt

$31.99 +2

Men's Viking Tree Of Life Embroidered Gradient T Shirt

$23.99

Men's Vintage Viking Wolf Print V-neck Linen Blend T-shirt

$22.99 +2

Men's Viking Tribal Celtic Tree Of Life Art V Neck Tank Top

$22.99 +2

Men's Retro Viking Tribal Dragon Celtic Knot Art Linen Pants

$32.99 +2

Vintage Celtic Knot Dragon Totem Line Shorts

$26.99
View more

Ukrainian Inspired Braided Bracelet

from $9.99

Ukrainian Inspired Braided Bracelet

$7.99

Ukrainian Folk Floral Embroidered Contrast Color Washed Hoodie

$30.99

Friendship With Ukrainian Stand With Ukraine Bracelet

$7.99

Friendship With Ukrainian Stand With Ukraine Bracelet

$4.99
Save $11.00 Save $11.00

Retro Bohemian Floral Embroidery Art Graphics Cotton And Linen Blend Loose Blouse

$28.99 $39.99 +2

Ukraine Hopeful Sunflower Earrings

$4.99

Boho Sunflowers Embroidered Gradient Lace Patchwork Linen Dress

$35.99 +2
Save $11.99 Save $11.99

Floral Denim Textile Lace Hem Patchwork Tank Dress

$27.99 $39.98

Men's Canada Print Stand Collar Button Sweatshirt

$34.99 +3

Ukrainian Inspired Braided Bracelet

from $9.99

Ukrainian Inspired Braided Bracelet

$7.99

Ukrainian Folk Floral Embroidered Contrast Color Washed Hoodie

$30.99

Friendship With Ukrainian Stand With Ukraine Bracelet

$7.99
View more