(() => { const style = document.createElement("style"); style.append( `.sg__swatch-collection .product__inventory{margin:0;display:inline-flex;align-items:center;justify-content:flex-start;gap:4px}.sg__swatch-collection .sg__swatch_option-label{align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:4px}` ); document.head.appendChild(style); function addEffect(parent, productData) { productData.variants.forEach((variant) => { if (variant?.inventory_policy == "continue" && variant?.inventory_quantity <= 0) { variant.options.forEach((option) => { const optionElement = parent.querySelector( `.sg__swatch-view:not(.sg__swatch-group) .sg__swatch_option-item[data-sg-value="${option}"]` ); if (!optionElement) return; optionElement.classList.add("sg__swatch-soldout"); }); } }); } window.addEventListener("SGSwatch:eventAdded", (e) => { const { parent, productData, Event } = e.detail; if (Event.type == "master") return; const hideElement = parent.querySelector( "easy-variant-swatch [sg__option-name='Color'][sg__sub-count='1']" ); hideElement?.classList.add(".sg__swatch-hide"); if (hideElement && productData.options.length == 1) { hideElement.querySelector(".sg__swatch_option-item")?.click(); } addEffect(parent, productData); }); window.addEventListener("SGSwatch:eventCompleted", (e) => { if (!e.detail?.collectionEvent) return; const { parent, productData } = e.detail.collectionEvent; if (!parent) return; const variantId = e.detail.logicData.id; const variant = variantId && productData.variants.find((vData) => vData.id === variantId); const inventoryBlock = parent.querySelector(".product__inventory"); inventoryBlock?.remove(); if (variant?.inventory_policy == "continue" && variant?.inventory_quantity <= 0) { const swatch = parent.querySelector( "easy-variant-swatch .sg__swatch-view:not([sg__option-name='Color'][sg__sub-count='1']) .sg__swatch_option-label" ); const html = `

${ productData.statusData || "Available in 5-7 days " }

`; swatch?.insertAdjacentHTML("beforeend", html); } addEffect(parent, productData); }); window.SGSwatch_Custom_CollUpdateCart = (parent, productData, variantData) => { const variantId = variantData.items[0].id; if (!variantId) return false; const variant = productData.variants.find((variant) => variant.id == variantId); if (variant?.inventory_policy == "continue" && variant?.inventory_quantity <= 0) { variantData.items[0]["properties"] = { Availability: productData.statusData || "Available in 5-7 days " }; } if (document.querySelector("cart-notification")) { let sectionsToUpdate = document .querySelector("cart-notification") .getSectionsToRender() .map((section) => { return section.id; }); variantData["sections"] = sectionsToUpdate.join(); } return false; }; window.addEventListener("SGSwatch:AtcSuccess", (e) => { let pageUrl = new URL(window.location.href); let splittedPath = pageUrl.pathname.split("/").filter((el) => el.length > 0); if (splittedPath.includes("cart")) { window.location.reload(); return false; } if (document.querySelector("cart-notification")) { document .querySelector("cart-notification") .renderContents({ ...e.detail.cartData.items[0], sections: e.detail.cartData.sections }); } }); })();

Country/region

Size Chart Zhik Mens Unisex Pants Shorts Trousers Drysuits

Company

Quick Links

Lets Stay In Touch