1/4

Ladies' Spliced Hollow Printed Casual Pants

$49.00
const TAG = "spz-custom-product-automatic"; class SpzCustomProductAutomatic extends SPZ.BaseElement { constructor(element) { super(element); this.variant_id = '469230ca-a705-4f03-b5eb-f95cac7e4a82'; 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 = '7e2b6fbd-f466-4d96-83b3-297c889ff07d'; 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 == '7e2b6fbd-f466-4d96-83b3-297c889ff07d' && 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 = '7e2b6fbd-f466-4d96-83b3-297c889ff07d'; 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);
Size:  S(US 6-8/UK 10-12/EU 38-40)
Quantity

Description

 

Embrace Sophisticated Edge: Black Wide - Leg Pants with Lace Detail

Step into a world of refined style with these black wide - leg pants, a harmonious blend of classic elegance and modern allure, tailor - made for the woman who commands attention with her fashion choices.

Exquisite Design Fusion

These pants feature a high - waisted design that cinches your waist, creating a flattering silhouette. The wide - leg cut adds a touch of drama and sophistication, making every step a statement. What truly sets them apart is the delicate lace detailing peeking out from the hem. This unexpected combination of structured wide - leg fabric and intricate lace brings together a look that's both edgy and feminine, perfect for upscale dinners, art gallery openings, or any occasion where you want to showcase your unique sense of style.

Flattering Fit

Crafted from a premium fabric that offers just the right amount of stretch, these pants hug your curves in all the right places while maintaining a sleek, polished appearance. The tie - belt at the waist not only adds a stylish element but also allows you to adjust the fit according to your preference, ensuring maximum comfort and a look that flatters your figure.

Versatile Styling Options

These black wide - leg pants are a styling chameleon. Pair them with a cropped top like the one in the picture, along with some elegant black sandals and gold bangles for a trendy, fashion - forward look suitable for a night out on the town. Or, dress them up with a silk blouse and a pair of stiletto heels for a more formal, business - chic ensemble at a corporate event. You can even layer a blazer over them for a touch of professionalism. The lace detail adds a touch of romance that can be balanced with bold or understated tops, making these pants adaptable to a variety of styles and settings.

Effortless Care & Durability

Don't be intimidated by their sophisticated look—these pants are designed for practicality. Dry - clean or machine wash them on a gentle cycle, and they'll maintain their shape, color, and the integrity of the lace detail. The high - quality fabric resists wrinkling and fading, ensuring that these pants remain a staple in your wardrobe for seasons to come.

A Wardrobe Essential for Fashion Aficionados

For those who have an eye for detail and love to experiment with different styles, these pants are a must - have. Their unique combination of wide - leg structure and lace detailing captures the essence of modern sophistication. Whether you're a seasoned fashionista or someone who simply wants to add a touch of luxury to their wardrobe, these pants are sure to become a favorite.

Confidence in Every Stitch

Slip into these black wide - leg pants with lace detail, and you'll immediately feel a boost of confidence. Their flattering fit, exquisite design, and premium quality empower you to embrace your inner fashion icon and own any room you enter. Whether you're new to bold fashion choices or a pro at making a statement, these pants help you express your individuality with grace and style.
 
Ready to elevate your wardrobe? Add these black wide - leg pants with lace detail to your cart today. Embrace the blend of sophisticated design, comfortable fit, and versatile style—your next adventure (and your closet) will thank you.
 
Don't wait—click "Add to Cart" now and step into a world where you're the trendsetter, turning heads and inspiring others with your fearless fashion sense. These pants are your ticket to looking and feeling unforgettable, no matter the occasion.

Pants Size:

Size Waist Hips Length
CM inch CM inch CM inch
XS 64 25.2 90 35.4 102 40.2
S 65 25.6 94 37.0 103 40.6
M 66 26.0 99 39.0 104 40.9
L 67 26.4 104 40.9 105 41.3
XL 68 26.8 109 42.9 106 41.7
2XL 69 27.2 114 44.9 107 42.1
3XL 70 27.6 119 46.9 108 42.5

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