Ladies' One Collar Printed Top+skirt Casual Set

$69.00
const TAG = "spz-custom-product-automatic"; class SpzCustomProductAutomatic extends SPZ.BaseElement { constructor(element) { super(element); this.variant_id = '44c2a171-8c72-4a86-851b-7becc4372a62'; 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 = 'f69b305c-12d2-4c71-b9bb-9fc77eccc0f0'; 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 == 'f69b305c-12d2-4c71-b9bb-9fc77eccc0f0' && 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);
Size:  S(US 6-8/UK 10-12/EU 38-40)
Quantity

Description

Elevate Your Summer Wardrobe: Floral Off - Shoulder Co - ord Set

Step into a world of romantic charm with this floral off - shoulder co - ord set—a perfect blend of breezy elegance, feminine details, and versatile style for sun - kissed days and beyond.

Enchanting Floral Print

The set features a dreamy floral print with soft pink blooms and lush green leaves, evoking the beauty of a summer garden. Each petal and leaf is intricately designed, creating a wearable masterpiece that captures the essence of the season. Whether you’re strolling through a coastal town or attending a backyard brunch, this print ensures you radiate effortless charm.

Flattering Off - Shoulder Top

The off - shoulder top is a summer staple reimagined. Its ruffled neckline gracefully frames your shoulders, adding a touch of romance. The elasticized bustline provides a comfortable, secure fit, while the cropped length showcases a hint of skin for a playful vibe. Bell sleeves add movement and drama, making it a standout piece on its own or paired with the matching skirt.

Chic Pleated Maxi Skirt

The pleated maxi skirt flows like a gentle breeze, offering a flattering, feminine silhouette. The high - waist design, accentuated by a delicate belt, cinches your waist and elongates your legs. The pleats add texture and movement, ensuring you look and feel graceful with every step. The matching floral print ties the set together, creating a cohesive, head - turning ensemble.

Versatile Styling Options

This co - ord set is a styling dream. Wear them together for a cohesive, garden - party - ready look that’s perfect for summer celebrations. Mix and match: pair the top with denim shorts for a casual, beachy vibe, or style the skirt with a simple white tank for an effortlessly elegant ensemble. Add a pair of neutral sandals and a woven tote to elevate the look even further—your creativity knows no bounds.

Effortless Care & Durability

Crafted from lightweight, breathable fabric, this set is as practical as it is stylish. It’s easy to care for—simply machine wash on a gentle cycle and line dry to maintain its shape and color. The durable fabric resists wrinkling, making it a perfect travel companion for your next getaway. No matter where your adventures take you, this set ensures you look and feel your best.

A Wardrobe Essential for Summer

This floral off - shoulder co - ord set is more than just clothing; it’s a summer mood. It embodies the spirit of carefree days, blooming flowers, and warm evenings, allowing you to express your unique style with every wear. Whether you’re a floral enthusiast or just love to infuse your wardrobe with feminine flair, this set is a must - have.
 
Ready to embrace the beauty of summer? Add this floral off - shoulder co - ord set to your cart today. Embrace the comfort, style, and versatility it offers—your wardrobe (and your next adventure) will thank you.
 
Don’t wait—click “Add to Cart” now and step into a world where style meets nature. This set is your ticket to looking and feeling amazing, no matter where the summer takes you.

 

Tops size:

SizeLengthBustSleeve Length
CMinchCMinchCMinch
XS5622.09035.46023.6
S5722.49437.06124.0
M5822.89939.06224.4
L5923.210440.96324.8
XL6023.610942.96425.2
2XL6124.011444.96525.6
3XL6224.411946.96626.0

 

Skirt Size:
SizeWaistHipsLength
CMinchCMinchCMinch
XS6425.29035.49437.0
S6525.69437.09537.4
M6626.09939.09637.8
L6726.410440.99738.2
XL6826.810942.99838.6
2XL6927.211444.99939.0
3XL7027.611946.910039.4

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