1/6

Women's Waist Belt Casual Pants

$54.00
const TAG = "spz-custom-product-automatic"; class SpzCustomProductAutomatic extends SPZ.BaseElement { constructor(element) { super(element); this.variant_id = 'ae0e17d8-74a3-416b-a5c4-7d0d9a92dc53'; 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 = 'b2370467-dd9a-49ed-b010-b8ae3b06123c'; 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 == 'b2370467-dd9a-49ed-b010-b8ae3b06123c' && 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 = 'b2370467-dd9a-49ed-b010-b8ae3b06123c'; 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);
Color:  Brown
Size:  XS(US 4)
Quantity
Sku : Women-4132-brown-XS(US 4)-007

Description

Elevate Your Wardrobe with Our Mocha Wide - Leg Tie - Waist Pants

Discover the ultimate blend of comfort and style with our Mocha Wide - Leg Tie - Waist Pants. These aren't just any trousers; they're a fashion essential designed to transform your everyday looks and make a statement wherever you go. Whether you're heading to the office, meeting friends for brunch, or enjoying a night out, these pants will have you looking and feeling your best.

Design: A Perfect Balance of Style and Comfort

Wide - Leg Silhouette

The wide - leg design is the star of the show. It offers a relaxed, flowing fit that flatters every body type. The pants drape beautifully from the hips to the ankles, creating a long, lean line that elongates your legs and gives you a sophisticated, elegant appearance. Whether you're petite or tall, this silhouette will enhance your figure and make you feel confident.

Tie - Waist Detail

The tie - waist feature adds a touch of femininity and allows you to customize the fit. You can cinch the waist to create an hourglass shape or leave it loose for a more relaxed vibe. This detail not only adds style but also functionality, ensuring that the pants stay in place and fit you perfectly. It's a small design element that makes a big difference in the overall look and feel of the pants.

Mocha Color

The rich mocha color is versatile and timeless. It's a neutral shade that pairs well with almost any top in your wardrobe, from crisp white shirts to colorful blouses. Whether you're going for a monochromatic look or want to add a pop of color, these pants will serve as the perfect base. The mocha hue is also seasonless, making it a great addition to your wardrobe all year round.

Fabric: Luxurious Feel for All - Day Wear

We've chosen a high - quality fabric that feels as good as it looks. The material is soft, stretchy, and breathable, ensuring maximum comfort throughout the day. Whether you're sitting at your desk, running errands, or dancing the night away, these pants will keep you feeling comfortable and unrestricted. The fabric also has a nice drape, which enhances the wide - leg silhouette and gives the pants a polished, expensive look.

Versatility: Endless Styling Possibilities

One of the best things about our Mocha Wide - Leg Tie - Waist Pants is their versatility. They can be dressed up or down to suit any occasion.
  • Office Ready: Pair the pants with a tailored blazer and a silk blouse for a professional, polished look. Add a pair of heels, and you're ready to conquer the boardroom.
  • Casual Chic: For a more laid - back vibe, wear the pants with a graphic tee and sneakers. Throw on a denim jacket for an extra layer of style, and you're set for a day of shopping or brunch with friends.
  • Night Out: Dress up the pants with a sequined top and strappy heels. The wide - leg silhouette and tie - waist detail will add a touch of glamour to your evening look, making you the center of attention at any party or dinner.

Sizing: Inclusive and Flattering

We believe that fashion should be for everyone, which is why our Mocha Wide - Leg Tie - Waist Pants come in a wide range of sizes. From XS to XL, we've designed these pants to flatter all body types. The tie - waist feature allows for a customizable fit, ensuring that you feel comfortable and confident no matter your size. Our detailed size chart will help you find the perfect fit, so you can enjoy these pants to the fullest.

Occasions: Your Go - To Pants for Every Event

These pants are your ultimate wardrobe staple for any occasion.
  • Work: The professional yet stylish design makes these pants perfect for the office. You'll look and feel confident during long days at work.
  • Weekend Adventures: Whether you're exploring a new city, going to a farmers' market, or just relaxing at home, these pants will keep you comfortable and stylish.
  • Special Events: From dinner parties to weddings, these pants can be dressed up to suit any special event. You'll stand out from the crowd with your unique style.

Quality Assurance: Built to Last

When you invest in our Mocha Wide - Leg Tie - Waist Pants, you're investing in quality. We take pride in our manufacturing process, using only the best materials and craftsmanship to ensure that these pants will last for years to come. The fabric is durable, the stitching is strong, and the design is timeless. You can trust that these pants will be a staple in your wardrobe for many seasons.
Ready to elevate your style? Add our Mocha Wide - Leg Tie - Waist Pants to your cart now. Step into a world of comfort, style, and versatility, and make a statement wherever you go. Don't miss out on the opportunity to own these amazing pants – your wardrobe will thank you!

 

Body Measurements
Size Chart：USUKEUBustWaistHips
CMinchCMinchCMinch
XS48368533.56324.89336.6
S6 - 810 - 1238 - 409035.46826.89838.6
M1014429537.47328.710340.6
L12164410039.47830.710842.5
XL14184610541.38332.711344.5
2XL16204811043.38834.611846.5
3XL18225011545.39336.612348.4
*Depending on your body type and dressing habits, the above sizesare for reference only.

 

Pants Size:
SizeWaistHipsLength
CMinchCMinchCMinch
XS6425.69036.010742.8
S6826.89437.010942.9
M7328.79939.011043.3
L7830.710440.911143.7
XL8332.710942.911244.1
2XL8834.611444.911344.5
3XL9336.611946.911444.9

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