7/10

Women's fashionable hollow jeans

$79.00
const TAG = "spz-custom-product-automatic"; class SpzCustomProductAutomatic extends SPZ.BaseElement { constructor(element) { super(element); this.variant_id = 'e60ee929-c014-4eea-b406-916c714cd75d'; 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 = '66e766f4-691d-49ea-971b-f98145c15257'; 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 == '66e766f4-691d-49ea-971b-f98145c15257' && 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 = '66e766f4-691d-49ea-971b-f98145c15257'; 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:  Dark Blue
Size:  XS(US4)
Quantity
Sku : Women-4094-Dark Blue-XS(US4)-008

Description

The Avant - Garde Denim Masterpiece: A Bold Fusion of Style and Creativity

These jeans are not just a piece of clothing; they are a work of art that redefines the boundaries of denim fashion. With their audacious cut - out design and striking color contrast, they stand as a testament to fearless creativity in the world of apparel.

Let's start with the base—denim. The light blue wash provides a classic, casual foundation that is instantly recognizable as jeans. However, any sense of the ordinary is quickly shattered by the intricate cut - out pattern that adorns both legs. The cut - outs are not random; they follow a sinuous, wave - like design that creates a mesmerizing visual effect. These openings reveal glimpses of the skin beneath, adding an element of allure and daring to the overall look.

The darker blue denim strips that form the wave patterns are strategically placed, almost like a second layer of fabric woven through the lighter base. This contrast in color—light and dark blue—enhances the three - dimensionality of the design. It's as if the jeans have been meticulously sculpted, with each curve and twist of the darker denim strips contributing to a sense of movement and fluidity, even when standing still.

In terms of fit, these jeans appear to be a relaxed, wide - leg style. This choice of silhouette is crucial as it balances out the boldness of the cut - out design. The wide legs provide a sense of volume and ease, allowing the eye to take in the intricate details without feeling overwhelmed. They also offer a comfortable fit, which is essential for a piece that is as much about making a statement as it is about wearability.

The waistband and fly area retain a more traditional denim look, grounding the avant - garde design in some sense of familiarity. The button and zipper closure are standard, ensuring that the jeans are functional as well as fashionable. This blend of the traditional and the revolutionary is what makes these jeans so compelling. They pay homage to the classic denim style while simultaneously pushing the envelope of what jeans can be.

Styling these jeans is an adventure in itself. Given their bold design, they call for a more minimalist approach to the rest of the outfit to let the jeans take center stage. A simple black crop top, like the one in the picture, is a perfect choice. It provides a stark contrast to the blue denim and doesn't compete with the intricate cut - out pattern. For footwear, options range from sleek white sneakers for a more casual, street - style vibe to strappy high heels for a night out that demands attention.

Accessories should be chosen with care. Delicate gold jewelry can add a touch of elegance without detracting from the jeans' design. A small cross - body bag in a neutral color would be practical and stylish, allowing the focus to remain on the jeans. Alternatively, for a more edgy look, chunky silver jewelry could complement the denim's boldness.

These jeans are not just for the fashion - forward; they are for those who see clothing as a form of self - expression. They challenge conventional notions of denim and invite the wearer to embrace their individuality. Whether worn at a music festival, an art gallery opening, or a night out in the city, these jeans are guaranteed to spark conversations and turn heads.

Moreover, they represent a trend in fashion towards more experimental and sustainable design. By reimagining the traditional denim fabric through cut - outs and color blocking, they demonstrate that fashion can be both innovative and eco - conscious—repurposing and reimagining materials to create something new and exciting.

In conclusion, these jeans are a bold, avant - garde statement piece that 融合 (fuses) creativity, style, and comfort. They are a celebration of individualism in fashion, inviting anyone who wears them to step outside the boundaries of the ordinary and embrace the extraordinary. Whether you're a seasoned fashion risk - taker or someone looking to dip their toes into more experimental styles, these jeans offer a unique opportunity to make a powerful fashion statement.

 

Body Measurements:

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：

Pants SizeLengthInseamWaistHips
CMinchCMinchCMinchCMinch
XS10039.47027.66525.610541.3
S10139.870.527.87027.611043.3
M10240.27128.07529.511545.3
L10340.671.528.18031.512047.2
XL10440.97228.38533.512549.2
2XL10541.372.528.59035.413051.2
3XL10641.77328.79537.413553.1

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