1/5

Women's Elegant Halter Neck Hollow Knitted Dress

$78.00
const TAG = "spz-custom-product-automatic"; class SpzCustomProductAutomatic extends SPZ.BaseElement { constructor(element) { super(element); this.variant_id = 'c7cd8c9e-a55d-4bdd-a933-b8d5886f2599'; 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 = '7799e96b-2c64-406f-b704-c2ece8e85929'; 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 == '7799e96b-2c64-406f-b704-c2ece8e85929' && 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);
color:  Dark Blue
size:  XS(US 4)
Quantity
Sku : Women-4069-Dark Blue-XS(US 4)-024

Description

In the world of fashion, certain garments possess a unique charm that transcends fleeting trends, and this blue crochet maxi dress is a prime example. It stands as a testament to the artistry of design and the timeless appeal of elegant simplicity.

Crafted from delicate crochet fabric, the dress immediately catches the eye with its intricate texture. The crochet work isn't just a decorative element; it's a labor of love that adds depth and dimension to the garment. The patterns formed by the interlacing threads create a visual rhythm, like a tapestry woven with care. The shade of blue is a rich, captivating hue—reminiscent of a clear summer sky at dusk or the deep, alluring depths of the ocean. It’s a color that flatters a wide range of skin tones, exuding a sense of calm sophistication while also making a bold style statement.

The silhouette of the dress is a study in grace. As a maxi dress, it skims the body from the halter neckline down to the floor - grazing hem, elongating the figure and creating an effortlessly statuesque presence. The halter neckline is both alluring and refined, drawing attention to the shoulders and collarbone while providing support and structure. It allows for a tasteful display of skin, adding a hint of sensuality without being overly revealing. This neckline style also lends itself well to showcasing statement jewelry, though the dress is so striking on its own that it needs little adornment.

What makes this dress truly special is its versatility. It can seamlessly transition from a daytime event to an evening soiree. For a brunch with friends, pair it with flat sandals and a woven tote bag. The casual nature of the crochet and the relaxed maxi length create a laid - back, bohemian - chic look that’s perfect for soaking up the sun and enjoying good company. When the occasion calls for something more formal, slip on a pair of strappy high heels, add a clutch bag, and perhaps a few delicate pieces of gold jewelry. The dress then transforms into an elegant ensemble suitable for a dinner date or a cocktail party.

In conclusion, this blue crochet maxi dress is more than just an article of clothing. It's a celebration of craftsmanship, a showcase of color, and a versatile piece that embodies both comfort and style. It has the power to make the wearer feel confident, beautiful, and effortlessly chic, no matter the occasion. Whether you're strolling along a beach, attending a garden party, or stepping out for a night on the town, this dress is a reliable companion that will always make a memorable 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.

 

Skirts Size：

Skirts SizeWaistHipsLengthBust
CMinchCMinchCMinchCMinch
XS6826.810340.613954.78633.9
S7328.710842.514055.19135.8
M7830.711344.514155.59637.8
L8332.711846.514255.910139.8
XL8834.612348.414356.310641.7
2XL9336.612850.414456.711143.7
3XL9838.613352.414557.111645.7

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