`; overflowList.prepend(template); } let mainVariantSlide; let hoverSlide; const variantPicker = el.querySelector('swatches-variant-picker-component'); if (!variantPicker && !overflowList && comp?.disabled === true) { Array.from(el.querySelectorAll('slideshow-slide')).slice(2).forEach(slide => slide.remove()); Array.from(el.querySelectorAll('slideshow-slide')).forEach(slide => slide.removeAttribute('hidden')); const comp = el.querySelector('slideshow-component'); if (comp) { comp.style.setProperty('--slideshow-timeline', '--slide-1, --slide-2'); comp.setAttribute('data-generic-media-size', '2'); } } else { mainVariantSlide = Array.from(el.querySelectorAll('slideshow-slide[variant-image]')).find(slide => { const img = slide.querySelector('img'); return img && img.src.includes(variant.image); }); if (mainVariantSlide) { const productCard = el.querySelector('product-card'); productCard.dataset.initialMediaId = mainVariantSlide.getAttribute('slide-id'); const hoverImageSrc = window.SezeriumImageHandler.getHoverImage(variant.image, product.images); // Get the next sibling element hoverSlide = mainVariantSlide.nextElementSibling; let hoverSlideImg = hoverSlide?.querySelector('img'); // Check if next slide exists and has the hover image const hasHoverSlide = hoverSlideImg && hoverSlideImg.src.includes(hoverImageSrc); mainVariantSlide.removeAttribute('hidden'); mainVariantSlide.setAttribute('reveal', '') if (!hasHoverSlide && hoverImageSrc) { // Clone the main variant slide hoverSlide = mainVariantSlide.cloneNode(true); hoverSlideImg = hoverSlide.querySelector('img'); // Insert it after the main variant slide if (mainVariantSlide.nextSibling) { mainVariantSlide.parentNode.insertBefore(hoverSlide, mainVariantSlide.nextSibling); } else { mainVariantSlide.parentNode.appendChild(hoverSlide); } // Update the hover slide with new image source window.SezeriumImageHandler.updateImageSource(hoverSlideImg, window.SezeriumImageHandler.getImagePath(hoverSlideImg), hoverImageSrc); hoverSlide.removeAttribute('variant-image'); // Update slide-id with variant.id hoverSlide.setAttribute('slide-id', variant.id); hoverSlide.removeAttribute('hidden'); hoverSlide.setAttribute('reveal', '') } } } if ((variantPicker || overflowList || comp?.disabled === false) && mainVariantSlide) { el.querySelector('.sezerium-image')?.classList.remove('sezerium-image'); el.querySelector('.sezerium-hover-image')?.classList.remove('sezerium-hover-image'); mainVariantSlide.querySelector('img').classList.add('sezerium-image'); hoverSlide?.querySelector('img').classList.add('sezerium-hover-image'); e.detail.product.tmpImages = product.images; e.detail.variant.tmpImage = variant.image; e.detail.product.images = []; e.detail.variant.image = ''; } if (mainVariantSlide && comp) { const cont = mainVariantSlide.parentNode; if (cont) { if (hoverSlide && hoverSlide.parentNode === cont) cont.prepend(hoverSlide); cont.prepend(mainVariantSlide); const slides = Array.from(cont.querySelectorAll('slideshow-slide')); comp.style.setProperty('--slideshow-timeline', slides.map((_, i) => `--slide-${i}`).join(', ')); slides.forEach((s, i) => s.style.setProperty('--slideshow-timeline', `--slide-${i}`)); comp.setAttribute('initial-slide', '0'); comp.setAttribute('data-generic-media-size', String(slides.length)); try { comp.connectedCallback(); } catch (err) {} } } }); document.addEventListener('sezerium:image:update', (event) => { const { el, variant } = event.detail; el.querySelectorAll('slideshow-slide[hidden]').forEach(s => { s.removeAttribute('hidden'); s.setAttribute('reveal', ''); }); const sliderComp = el.querySelector('slideshow-component'); if (!sliderComp) return; const img = el.querySelector('.sezerium-image'); if (!img) return; const productLink = el.querySelector('product-card-link'); if (productLink) { productLink.setAttribute('data-product-id', variant.id); productLink.setAttribute('data-featured-media-url', img.src); } const slider = img.closest('slideshow-slide'); if (!slider) return; const slides = Array.from(sliderComp.querySelectorAll('slideshow-slide')); const idx = slides.indexOf(slider); if (idx < 0) return; slides.forEach(s => s.setAttribute('aria-hidden', s === slider ? 'false' : 'true')); sliderComp.setAttribute('initial-slide', String(idx)); if (!sliderComp.isConnected || sliderComp.current === idx) return; try { sliderComp.select(idx, undefined, { animate: false }); } catch (e) {} }); document.addEventListener('sezerium:price:update', (event) => { const { el, product, variant, isOnSale, isRange } = event.detail; const showCompare = isRange ? product.minPrice === product.maxPrice : !(variant?.groupMaxPrice > variant?.groupMinPrice); if (showCompare && isOnSale && !el.querySelector(SezeriumAppSettings.selectors.salePrice)) { const priceEl = el.querySelector(SezeriumAppSettings.selectors.price); if (!priceEl) return; const priceContainer = priceEl.parentElement; const salePrice = window.SezeriumPriceHandler.formatPrice(variant.compareAtPrice); priceContainer.innerHTML = ` ${priceEl.outerHTML} ${salePrice} `; } el.querySelector('.price-from')?.remove?.(); }); document.addEventListener('sezerium:swatch:update', (e) => { const { el, color, variant } = e.detail; const firstOption = color.replace(/&/g, '&') || variant.option1.replace(/&/g, '&'); const secondOption = variant.option2.replace(/&/g, '&'); const thirdOption = variant.option3.replace(/&/g, '&'); setTimeout(() => { el.querySelectorAll('swatches-variant-picker-component fieldset').forEach((fieldset) => { fieldset.classList.add('sezerium-swatch'); let targetInput = fieldset.querySelector(`input[value="${firstOption}"]`); if (!targetInput) { targetInput = fieldset.querySelector(`input[value="${secondOption}"]`); } if (!targetInput) { targetInput = fieldset.querySelector(`input[value="${thirdOption}"]`); } if (targetInput) { const checkedInput = fieldset.querySelector('input:checked'); if (checkedInput) { checkedInput.checked = false; checkedInput.removeAttribute('checked'); } if (variant.available) { targetInput.dataset.optionAvailable = 'true'; targetInput.ariaDisabled = 'false'; } else { targetInput.dataset.optionAvailable = 'false'; targetInput.ariaDisabled = 'true'; } targetInput.classList.add('sezerium-checked'); targetInput.checked = true; targetInput.setAttribute('checked', ''); targetInput.disabled = false; targetInput.dispatchEvent(new Event('change', { bubbles: true })); } }); }, 50); setTimeout(() => { el.querySelectorAll('variant-picker fieldset').forEach((fieldset, index) => { fieldset.classList.add('sezerium-swatch'); const selectedOption = index === 0 ? firstOption : secondOption; let targetInput = fieldset.querySelector(`input[value="${selectedOption}"]`); if (!targetInput) { targetInput = fieldset.querySelector(`input[value="${thirdOption}"]`); } if (targetInput) { const checkedInput = fieldset.querySelector('input:checked'); if (checkedInput) { checkedInput.checked = false; checkedInput.removeAttribute('checked'); checkedInput.dispatchEvent(new Event('input', { bubbles: true })); checkedInput.dispatchEvent(new Event('change', { bubbles: true })); } if (variant.available) { targetInput.dataset.optionAvailable = 'true'; targetInput.ariaDisabled = 'false'; } else { targetInput.dataset.optionAvailable = 'false'; targetInput.ariaDisabled = 'true'; } targetInput.classList.add('sezerium-checked'); targetInput.checked = true; targetInput.setAttribute('checked', 'checked'); targetInput.disabled = false; targetInput.dispatchEvent(new Event('input', { bubbles: true })); targetInput.dispatchEvent(new Event('change', { bubbles: true })); } }); }, 50); }); document.addEventListener('sezerium:js:unload', (e) => { const { collectionEl } = e.detail; if (!collectionEl) return; const slideshowComponent = collectionEl.closest('slideshow-component'); if (slideshowComponent) { const itemCount = collectionEl.querySelectorAll('.sezerium-product').length; const newTimeline = Array.from({length: itemCount}, (_, i) => `--slide-${i + 1}`) .join(', '); slideshowComponent.style.setProperty('--slideshow-timeline', newTimeline); collectionEl.querySelectorAll('slideshow-slide.sezerium-product').forEach((item, index) => { const slide = `--slide-${index+1}`; item.style.setProperty('--slideshow-timeline', slide); item.setAttribute('aria-hidden', false); }); slideshowComponent.connectedCallback(); setTimeout(()=> slideshowComponent.select(0, undefined, { animate: false }), 500) } }); document.addEventListener('sezerium:set:productCount', (e) => { const { productCount } = e.detail; const productCountDiv = document.querySelector('div.products-count-wrapper > span'); if (productCountDiv) { productCountDiv.textContent = productCountDiv.textContent.replace(/[0-9]+/, productCount); } }); document.addEventListener('sezerium:widget:update', (event) => { const { el, product, variant } = event.detail; const isSoldOut = variant.available === false || variant.availableForSale === false; const isProductCard = variant.keepOriginal === true || product.sezeriumKeepOriginal === true || variant.title === 'Default Title'; const singleVariant = variant.title === 'Default Title' || (variant.selectedOptions || []).some((o) => o.value === 'Default Title'); const wantChoose = isProductCard && !singleVariant; const t = SezeriumAppSettings.settings.translation.button; const qckComponent = el.querySelector('quick-add-component'); if (qckComponent) { qckComponent.setAttribute('data-quick-add-button', wantChoose ? 'choose' : 'add'); } const btnComponent = el.querySelector('add-to-cart-component'); if (btnComponent) { const btn = btnComponent.querySelector('button'); if (btn) btn.disabled = isSoldOut; const btnText = btnComponent.querySelector('.add-to-cart-text__content'); if (btnText) { const label = isSoldOut ? t.soldOut : (wantChoose ? t.chooseOptions : t.addToCart); btnText.innerHTML = '' + label + ''; } } }); document.addEventListener('sezerium:variant:initialized', function (e) { var el = e.detail && e.detail.el; if (!el || typeof SezeriumCollection === 'undefined' || SezeriumCollection.template !== 'collection') return; if (!el.hasAttribute('data-page') || !window.SezeriumUrlHandler) return; el.setAttribute('data-page', String(window.SezeriumUrlHandler.getPage())); }); (function () { if (window.__sezBootCssFix) return; window.__sezBootCssFix = true; var injected = false; var inject = function () { if (injected || !document.querySelector('.sezerium-boot-grid')) return; injected = true; var u = new URL(window.location.href); u.searchParams.delete('page'); u.searchParams.delete('sezeriumPage'); fetch(u.pathname + u.search, { headers: { 'Accept': 'text/html' } }) .then(function (r) { return r.text(); }) .then(function (html) { var doc = new DOMParser().parseFromString(html, 'text/html'); var have = {}; document.querySelectorAll('link[rel="stylesheet"]').forEach(function (l) { have[l.href] = 1; }); doc.querySelectorAll('head link[rel="stylesheet"]').forEach(function (l) { var href = l.getAttribute('href'); if (!href) return; var abs = new URL(href, window.location.origin).href; if (have[abs]) return; have[abs] = 1; var n = document.createElement('link'); n.rel = 'stylesheet'; n.href = abs; document.head.appendChild(n); }); }) .catch(function () { injected = false; }); }; var tries = 0; var timer = setInterval(function () { inject(); if (injected || ++tries > 40) clearInterval(timer); }, 250); })();

Country/Region

Country/Region

Add 3 items to your cart and unlock an extra 10% off.

Xino Knit Polo

Vicenza Crewneck

Roca Wool Jacket

Nero Jacket

Milan Half Zip

Lupo Knitted Crewneck

Long Sleeve Polo

Fermo Zip Cardigan

Cyrus Double Zip Jack

Cino Half Zip

Box Fit Blazer

Bosa Cardigan

AS SEEN ON

@ROBINRATHH

@BOUAZIZ_OUSSMA

@LARSHARINCK

@ANGELO.CARLUCCI

@MASSIMO_CAPPELLA

@PEPIJN_VAN_IPEREN

@SERSIEJO