Ladies Round Neck Solid Color Temperament Casual Suit
Ladies Round Neck Solid Color Temperament Casual Suit
Ladies Round Neck Solid Color Temperament Casual Suit
Ladies Round Neck Solid Color Temperament Casual Suit
Ladies Round Neck Solid Color Temperament Casual Suit
Ladies Round Neck Solid Color Temperament Casual Suit
Ladies Round Neck Solid Color Temperament Casual Suit
Ladies Round Neck Solid Color Temperament Casual Suit
Ladies Round Neck Solid Color Temperament Casual Suit
Ladies Round Neck Solid Color Temperament Casual Suit

Ladies Round Neck Solid Color Temperament Casual Suit

const TAG = "spz-custom-product-automatic"; class SpzCustomProductAutomatic extends SPZ.BaseElement { constructor(element) { super(element); this.variant_id = '23ce7a73-a53a-430e-92b8-f9073f4ade9d'; 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 = '0868bedf-f231-40f7-926f-459c301a23d9'; 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 == '0868bedf-f231-40f7-926f-459c301a23d9' && 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 = '0868bedf-f231-40f7-926f-459c301a23d9'; 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);

Price

$0.00 $59.00

color

Please select a color

size

Please select a size

Quantity

Free worldwide shipping
Free returns
Sustainably made
Secure payments

Embrace Bold Glamour: Red Crop Top & Harem Pants Set

Step into a world of head - turning elegance with this red crop top and harem pants set—a seamless blend of daring style, comfortable fit, and show - stopping allure for the woman who loves to command attention.

Captivating Red Design & Flattering Silhouette

This set boasts a vibrant red hue that exudes confidence and sophistication. The crop top features a high neckline and ruffled sleeves, adding a touch of feminine charm while highlighting your waistline. The matching harem pants, with their relaxed, balloon - like shape and tapered ankles, offer both comfort and a fashion - forward silhouette. It’s like a modern take on bold, effortless dressing, perfect for nights out, special events, or any occasion where you want to make a statement.

Comfort - Driven Fit

Crafted from a smooth, lightweight fabric, this two - piece set offers a comfortable yet figure - enhancing fit. The top’s tailored cut skims your torso, and the pants’ roomy design allows for easy movement. Whether you’re dancing at a club or mingling at a cocktail party, this set keeps you feeling at ease while looking utterly chic.

Versatile Styling Options

This red set is a styling powerhouse. Pair it with clear heels and gold accessories (like in the picture!) for a glamorous look at a formal event or dinner. Dress it down with sneakers and a denim jacket for a more casual, yet bold vibe—ideal for a weekend brunch or a day of shopping. Add a statement belt to cinch the waist for extra definition, or layer a blazer over the top for a polished, office - appropriate twist.

Effortless Care & Durability

Don’t let the luxurious appearance fool you—this set is practical. Machine washable (gentle cycle recommended), it retains its vibrant red color and smooth texture wash after wash. The fabric is durable, resisting wrinkles and stretching, ensuring it remains a go - to piece in your wardrobe for seasons to come.

A Wardrobe Essential for the Bold Fashionista

For those who adore vibrant colors and seek pieces that blend daring design with comfort, this red crop top and harem pants set is a must - have. Its striking hue, flattering fit, and versatile nature capture the essence of modern, fearless style. Whether you’re curating a statement - making wardrobe or need a show - stopping outfit for a special occasion, this set delivers.

Confidence in Every Stitch

Slip into this set, and you’ll instantly feel a surge of confidence. Its bold design, comfortable fit, and red - hot charm empower you to embrace your daring side and own the room. Whether you’re new to bold two - piece sets or a seasoned fan of head - turning fashion, this piece helps you express your personal style with flair.
 
Ready to add a touch of bold glamour to your wardrobe? Add this red crop top and harem pants set to your cart today. Embrace the blend of daring design, comfortable wear, and versatile styling—your next outing (and your closet) will thank you.
 
Don’t wait—click “Add to Cart” now and step into a world where style meets fearless confidence. This set is your ticket to looking and feeling unforgettable, no matter the occasion.

 

 

 
Tops Size:
SizeLengthBustSleeve Length
CMinchCMinchCMinch
XS4517.79035.4155.9
S4618.19437.0166.3
M4718.59939.0176.7
L4818.910440.9187.1
XL4919.310942.9197.5
2XL5019.711444.9207.9
3XL5120.111946.9218.3

 

 

Pants Size:

SizeWaistHipsLength
CMinchCMinchCMinch
XS6425.29035.410240.2
S6525.69437.010340.6
M6626.09939.010440.9
L6726.410440.910541.3
XL6826.810942.910641.7
2XL6927.211444.910742.1
3XL7027.611946.910842.5

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