// --------------------------------------------------------------------------- // 1. Cart page: remove Abra gifts that are no longer free // --------------------------------------------------------------------------- // Gift lines added by Abra carry the `__abra` line property. When the cart no // longer qualifies, the gift stops being free; this removes those lines and // refreshes the cart list in place instead of reloading the page. (() => { if (!window.location.pathname.includes("/cart")) return; const LINE_PARTS_TO_REFRESH = [".cart-item--content-price", ".discount-list", ".cart-item__total"]; let isChecking = false; const getCartUrl = () => window.Theme.routes.cart_url; const reloadCart = () => { window.location = getCartUrl(); }; const wait = (ms) => new Promise((resolve) => setTimeout(resolve, ms)); const getLineKey = (line) => line.getAttribute("data-cartitem-key"); const fetchCart = async () => { const response = await fetch("/cart.js", { credentials: "same-origin" }); return response.json(); }; const removeCartLine = async (lineKey) => { const response = await fetch("/cart/change.js", { method: "POST", headers: { "Content-Type": "application/json" }, credentials: "same-origin", body: JSON.stringify({ id: lineKey, quantity: 0 }), }); return response.json(); }; const refreshCartList = async () => { const section = document.querySelector('[data-section-type="static-cart"]'); const currentList = document.querySelector("[data-cart-item-list]"); if (!section || !currentList) return; const sectionId = section.getAttribute("data-section-id"); const response = await fetch(`${getCartUrl()}?section_id=${sectionId}&_=${Date.now()}`, { credentials: "same-origin" }); const html = await response.text(); const freshList = new DOMParser().parseFromString(html, "text/html").querySelector("[data-cart-item-list]"); if (!freshList) { reloadCart(); return; } const freshLines = [...freshList.querySelectorAll("[data-cartitem-key]")]; const freshKeys = new Set(freshLines.map(getLineKey)); for (const line of currentList.querySelectorAll("[data-cartitem-key]")) { if (!freshKeys.has(getLineKey(line))) line.remove(); } for (const freshLine of freshLines) { const currentLine = currentList.querySelector(`[data-cartitem-key="${CSS.escape(getLineKey(freshLine))}"]`); if (!currentLine) { currentList.appendChild(freshLine); continue; } for (const selector of LINE_PARTS_TO_REFRESH) { const freshPart = freshLine.querySelector(selector); const currentPart = currentLine.querySelector(selector); if (freshPart && currentPart) currentPart.innerHTML = freshPart.innerHTML; } } }; const removePaidGifts = async () => { if (isChecking || !document.body.classList.contains("abra--activated")) return; isChecking = true; try { await wait(500); const cart = await fetchCart(); if (cart.item_count === 0) { if (document.querySelector("[data-cartitem]")) reloadCart(); return; } const paidGifts = cart.items.filter((item) => item.properties?.__abra && item.final_price > 0); let cartAfterRemoval = null; for (const gift of paidGifts) { cartAfterRemoval = await removeCartLine(gift.key); } if (cartAfterRemoval) { window.dispatchEvent(new CustomEvent("cartcount:update", { detail: cartAfterRemoval })); if (cartAfterRemoval.item_count === 0) { reloadCart(); return; } } await refreshCartList(); } catch (error) { } finally { isChecking = false; } }; window.addEventListener("cartcount:update", removePaidGifts); new MutationObserver(removePaidGifts).observe(document.body, { attributes: true, attributeFilter: ["class"] }); removePaidGifts(); })(); // --------------------------------------------------------------------------- // 2. Product handles in every language // --------------------------------------------------------------------------- // Abra's collection discounts list products by their Italian handle // (ash-rokoko), but each language has its own handle (ash-rococo on /en/), and // Abra can hold product data in the shopper's browser language instead of the // page's. Either way the handles don't match and Abra shows no discounted // price. This reads every product of the discount's collections in every // storefront language, adds all of a product's handles next to the one in the // promotion Abra renders from (the copy it keeps in localStorage), and // re-renders Abra. It runs after Abra settles and after every activation, // because each activation rewrites that copy. (() => { const ACTIVE_PROMOTION_KEY = "abra:active-promotion"; const CACHE_TTL_MS = 6 * 60 * 60 * 1000; const PRODUCTS_PER_PAGE = 250; const MAX_PAGES = 8; const pendingLookups = new Map(); const readActivePromotion = () => { try { return JSON.parse(localStorage.getItem(ACTIVE_PROMOTION_KEY)); } catch (error) { return null; } }; const getLanguageRoots = () => { const roots = new Set(["/", window.Shopify?.routes?.root || "/"]); for (const link of document.querySelectorAll('link[rel="alternate"][hreflang]')) { const languageCode = link.getAttribute("hreflang").toLowerCase(); if (languageCode === "x-default") continue; const pathname = new URL(link.href, window.location.origin).pathname.toLowerCase(); if (pathname === `/${languageCode}` || pathname.startsWith(`/${languageCode}/`)) { roots.add(`/${languageCode}/`); } } return [...roots].sort(); }; const forEachNestedObject = (value, visit) => { if (!value || typeof value !== "object") return; visit(value); for (const child of Object.values(value)) forEachNestedObject(child, visit); }; const getCollectionHandles = (discounts) => { const handles = new Set(); forEachNestedObject(discounts, (node) => { if (!Array.isArray(node.collections)) return; for (const collection of node.collections) { const handle = typeof collection === "string" ? collection : collection?.handle; if (handle && !handle.startsWith("gid://")) handles.add(handle); } }); return [...handles].sort(); }; const fetchCollectionProducts = async (languageRoot, collectionHandle) => { const products = []; for (let page = 1; page <= MAX_PAGES; page++) { const url = `${languageRoot}collections/${encodeURIComponent(collectionHandle)}/products.json?limit=${PRODUCTS_PER_PAGE}&page=${page}`; const response = await fetch(url, { headers: { Accept: "application/json" } }); if (!response.ok) break; const pageProducts = (await response.json())?.products || []; products.push(...pageProducts); if (pageProducts.length < PRODUCTS_PER_PAGE) break; } return products; }; const fetchOtherHandles = async (collectionHandles, languageRoots) => { const handlesByProductId = new Map(); for (const collectionHandle of collectionHandles) { const productsPerLanguage = await Promise.all( languageRoots.map((languageRoot) => fetchCollectionProducts(languageRoot, collectionHandle)), ); for (const products of productsPerLanguage) { for (const product of products) { if (!handlesByProductId.has(product.id)) handlesByProductId.set(product.id, new Set()); handlesByProductId.get(product.id).add(product.handle); } } } const otherHandlesByHandle = {}; for (const handles of handlesByProductId.values()) { if (handles.size < 2) continue; for (const handle of handles) { otherHandlesByHandle[handle] = [...handles].filter((otherHandle) => otherHandle !== handle); } } return otherHandlesByHandle; }; const getOtherHandles = (collectionHandles) => { const languageRoots = getLanguageRoots(); const cacheKey = `abra-product-handles:${languageRoots.join(",")}:${collectionHandles.join(",")}`; try { const cached = JSON.parse(sessionStorage.getItem(cacheKey)); if (cached && Date.now() - cached.savedAt < CACHE_TTL_MS) return Promise.resolve(cached.handles); } catch (error) {} if (!pendingLookups.has(cacheKey)) { const lookup = fetchOtherHandles(collectionHandles, languageRoots).then((handles) => { try { sessionStorage.setItem(cacheKey, JSON.stringify({ savedAt: Date.now(), handles })); } catch (error) {} return handles; }); lookup.finally(() => pendingLookups.delete(cacheKey)); pendingLookups.set(cacheKey, lookup); } return pendingLookups.get(cacheKey); }; const addOtherHandles = (discounts, otherHandlesByHandle) => { let hasChanged = false; forEachNestedObject(discounts, (node) => { if (Array.isArray(node.products)) { for (const handle of [...node.products]) { if (typeof handle !== "string") continue; for (const otherHandle of otherHandlesByHandle[handle] || []) { if (!node.products.includes(otherHandle)) { node.products.push(otherHandle); hasChanged = true; } } } } const variantsByHandle = node.productVariants; if (variantsByHandle && typeof variantsByHandle === "object" && !Array.isArray(variantsByHandle)) { for (const [handle, variantIds] of Object.entries(variantsByHandle)) { for (const otherHandle of otherHandlesByHandle[handle] || []) { if (!(otherHandle in variantsByHandle)) { variantsByHandle[otherHandle] = variantIds; hasChanged = true; } } } } }); return hasChanged; }; const addOtherHandlesToActivePromotion = async () => { const discounts = readActivePromotion()?.promotion?.discounts; const collectionHandles = getCollectionHandles(discounts); if (collectionHandles.length === 0) return; try { const otherHandlesByHandle = await getOtherHandles(collectionHandles); const activePromotion = readActivePromotion(); if (!activePromotion?.promotion?.discounts) return; if (!addOtherHandles(activePromotion.promotion.discounts, otherHandlesByHandle)) return; localStorage.setItem(ACTIVE_PROMOTION_KEY, JSON.stringify(activePromotion)); window.Abra?.render?.(); } catch (error) {} }; window.addEventListener("abra:settled", addOtherHandlesToActivePromotion); window.addEventListener("abra:activated", addOtherHandlesToActivePromotion); if (document.body?.classList.contains("abra--settled")) addOtherHandlesToActivePromotion(); })(); (() => { const PROMO_KEY = 'abra:active-promotion'; const debounce = (fn, ms) => { let t; return (...a) => { clearTimeout(t); t = setTimeout(() => fn(...a), ms); }; }; const allCards = () => document.querySelectorAll('.productgrid--item'); const getHandle = (c) => (c.getAttribute('data-product-quickshop-url') || c.querySelector('a[href*="/products/"]')?.href || '') .match(/\/products\/([^/?#]+)/)?.[1] || ''; const getVariantId = (c) => { try { const vs = JSON.parse(c.querySelector('script[data-swatch-data]')?.textContent)?.variants || []; const val = c.querySelector('.productitem--swatches-input:checked')?.value; return String((val ? vs.find(v => v.option1 === val) : vs[0])?.id || '') || null; } catch { return null; } }; const stamp = (el, h, v) => { if (!el || !h || !v) return; if (el.getAttribute('data-product-handle') !== h) el.setAttribute('data-product-handle', h); if (el.getAttribute('data-variant-id') !== v) el.setAttribute('data-variant-id', v); }; const sync = (c) => { const h = getHandle(c), v = getVariantId(c); if (!h || !v) return; stamp(c, h, v); c.querySelectorAll('.price.productitem__price').forEach(el => stamp(el, h, v)); }; // Re-apply alternate-language handles from sessionStorage cache // before each render to avoid race with wigTranslationHandle.js const patchHandles = () => { try { const promo = JSON.parse(localStorage.getItem(PROMO_KEY)); const disc = promo?.promotion?.discounts; if (!disc) return; const roots = new Set(['/', window.Shopify?.routes?.root || '/']); document.querySelectorAll('link[rel="alternate"][hreflang]').forEach(l => { const lc = l.getAttribute('hreflang').toLowerCase(); if (lc !== 'x-default') { const p = new URL(l.href, location.origin).pathname.toLowerCase(); if (p === `/${lc}` || p.startsWith(`/${lc}/`)) roots.add(`/${lc}/`); } }); const cols = new Set(); const walk = (v, fn) => { if (v && typeof v === 'object') { fn(v); Object.values(v).forEach(c => walk(c, fn)); } }; walk(disc, n => { if (!Array.isArray(n.collections)) return; n.collections.forEach(c => { const h = typeof c === 'string' ? c : c?.handle; if (h && !h.startsWith('gid://')) cols.add(h); }); }); if (!cols.size) return; const map = JSON.parse(sessionStorage.getItem( `abra-product-handles:${[...roots].sort()}:${[...cols].sort()}` ))?.handles; if (!map) return; let changed = false; walk(disc, n => { if (Array.isArray(n.products)) [...n.products].forEach(h => typeof h === 'string' && (map[h] || []).forEach(a => { if (!n.products.includes(a)) { n.products.push(a); changed = true; } })); const pv = n.productVariants; if (pv && typeof pv === 'object' && !Array.isArray(pv)) Object.entries(pv).forEach(([h, ids]) => (map[h] || []).forEach(a => { if (!(a in pv)) { pv[a] = ids; changed = true; } })); }); if (changed) localStorage.setItem(PROMO_KEY, JSON.stringify(promo)); } catch {} }; const render = debounce(() => { allCards().forEach(sync); patchHandles(); window.Abra?.render?.(); }, 150); // Swatch interaction — staggered retries catch late theme overwrites document.addEventListener('click', (e) => { if (!e.target.closest('.productitem--swatches-swatch-wrapper, .productitem--swatches-input')) return; const c = e.target.closest('.productgrid--item'); if (!c) return; sync(c); render(); [250, 600].forEach(ms => setTimeout(() => { sync(c); if (c.querySelector('.price.productitem__price:not([data-abra-block])')) render(); }, ms)); }); // Silent re-stamp after Abra replaces price elements; only render for new cards new MutationObserver(debounce(() => { let hasNew = false; allCards().forEach(c => { if (!c.hasAttribute('data-product-handle')) { sync(c); hasNew = true; return; } const h = c.getAttribute('data-product-handle'), v = c.getAttribute('data-variant-id'); c.querySelectorAll('.price.productitem__price:not([data-variant-id])').forEach(el => stamp(el, h, v)); }); if (hasNew) render(); }, 250)).observe(document.body, { childList: true, subtree: true }); const start = () => setTimeout(render, 500); document.readyState === 'loading' ? document.addEventListener('DOMContentLoaded', start) : start(); })(); // --------------------------------------------------------------------------- // Product page: give Abra every variant of the product // --------------------------------------------------------------------------- // Abra only caches the variants a promotion covers, so any other color falls // back to the first (discounted) one. This swaps in the full product so Abra // sees the real variant. Re-runs on activation because Abra can rebuild it. (() => { const handle = window.location.pathname.match(/\/products\/([^/?#]+)/)?.[1]; if (!handle) return; let pendingProduct = null; const fetchProduct = () => { if (!pendingProduct) { const root = window.Shopify?.routes?.root || "/"; pendingProduct = fetch(`${root}products/${encodeURIComponent(handle)}.js`) .then((response) => (response.ok ? response.json() : null)) .catch(() => null) .then((product) => { if (!product) pendingProduct = null; return product; }); } return pendingProduct; }; const addAllVariantsToAbraCache = async () => { const abra = window.Abra; if (!abra?.cacheProduct || !abra.cache?.products) return; // Only products Abra already cached if (!abra.cache.products.get(handle)) return; try { const product = await fetchProduct(); if (!product?.variants?.length) return; // Re-check: the cache may have changed during the fetch const currentProduct = abra.cache.products.get(handle); if (!currentProduct || currentProduct.variants.length >= product.variants.length) return; abra.cacheProduct(handle, product); abra.render?.(); } catch (error) {} }; window.addEventListener("abra:settled", addAllVariantsToAbraCache); window.addEventListener("abra:activated", addAllVariantsToAbraCache); if (document.body?.classList.contains("abra--settled")) addAllVariantsToAbraCache(); // Color change: have Abra recompute the price let renderTimer; document.addEventListener("change", (event) => { if (!event.target.closest?.(".product__container")) return; clearTimeout(renderTimer); renderTimer = setTimeout(() => window.Abra?.render?.(), 200); }); })(); (() => { const promoClass = 'abra--Wig-Love-Days-9-14-novembre-activated'; const end = Date.parse('2026-11-15T00:00:00+01:00'); const seenKey = 'wiglove:wig-love-days:2026-11:popup-dismissed'; let dialog, launcher, previousFocus, timer; const isActive = () => Date.now() < end && document.body.classList.contains(promoClass); const seen = () => { try { return localStorage.getItem(seenKey) || sessionStorage.getItem(seenKey); } catch { return false; } }; const remember = () => { try { localStorage.setItem(seenKey, '1'); } catch {} try { sessionStorage.setItem(seenKey, '1'); } catch {} }; const close = () => { if (dialog?.open) dialog.close(); remember(); previousFocus?.focus?.(); }; const show = () => { if (!isActive() || !dialog || dialog.open) return; if (document.querySelector('dialog[open]')) return; previousFocus = document.activeElement; dialog.showModal(); }; const build = () => { if (document.getElementById('wl-days-dialog')) return; const english = (document.documentElement.lang || 'it').startsWith('en'); const root = window.Shopify?.routes?.root || '/'; const style = document.createElement('style'); style.id = 'wl-days-popup-style'; style.textContent = ` body.${promoClass} .abra-popup, body.${promoClass} .abra-banner--abrabnr { display:none!important; } #wl-days-dialog { box-sizing:border-box; width:min(680px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; margin:auto; padding:38px 38px 32px; border:1px solid #f0dfe3; border-radius:20px; color:#193e4e; background:linear-gradient(140deg,#f0fbfb,#fff 48%,#fff0f3); box-shadow:0 20px 80px #17334340; font-family:inherit; text-align:center; } #wl-days-dialog:not([open]) { display:none; } #wl-days-dialog::backdrop { background:rgb(21 42 52 / 35%); } #wl-days-dialog h2 { margin:8px 0 12px; color:#193e4e; font-size:40px; line-height:1.2; } #wl-days-dialog .wl-days-date { margin:0; color:#944259; font-size:15px; letter-spacing:1.2px; text-transform:uppercase; } #wl-days-dialog .wl-days-intro { margin:0 0 24px; font-size:19px; line-height:1.5; } #wl-days-dialog .wl-days-brands { margin:0 0 24px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; } #wl-days-dialog .wl-days-row { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:20px 10px; border:1px solid #f2e4e7; border-radius:12px; background:#ffffffdc; font-size:19px; text-align:center; } #wl-days-dialog .wl-days-row strong { color:#9a2347; font-size:38px; line-height:1.2; } #wl-days-dialog .wl-days-note { margin:0 0 24px; font-size:16px; line-height:1.5; color:#4e6068; } #wl-days-dialog .wl-days-cta { display:block; border-radius:10px; padding:16px; background:#a92750; color:white; font-size:19px; font-weight:700; text-decoration:none; line-height:1.3; } #wl-days-dialog .wl-days-cta:hover { background:#86203f; } #wl-days-dialog .wl-days-close { position:absolute; top:8px; right:12px; width:34px; height:34px; padding:0; border:0; background:transparent; color:#193e4e; font-size:27px; cursor:pointer; } #wl-days-launcher { position:fixed; left:0; top:50%; transform:translateY(-50%); z-index:10020; writing-mode:vertical-rl; border:1px solid #efd4dd; border-radius:0 12px 12px 0; background:#fff1f5; color:#86203f; padding:16px 12px; font-family:inherit; font-size:16px; font-weight:600; line-height:1.3; box-shadow:0 4px 18px #17334320; cursor:pointer; } #wl-days-launcher[hidden] { display:none; } #wl-days-dialog :focus-visible, #wl-days-launcher:focus-visible { outline:3px solid #07a6ac; outline-offset:3px; } @media(max-width:600px) { #wl-days-dialog {padding:32px 22px 24px;} #wl-days-dialog h2 {font-size:32px;} #wl-days-dialog .wl-days-intro {font-size:17px;margin-bottom:18px;} #wl-days-dialog .wl-days-brands {grid-template-columns:1fr;gap:8px;margin-bottom:18px;} #wl-days-dialog .wl-days-row {flex-direction:row;justify-content:space-between;padding:10px 14px;font-size:18px;} #wl-days-dialog .wl-days-row strong {font-size:29px;} #wl-days-dialog .wl-days-note {font-size:14px;margin-bottom:18px;} #wl-days-dialog .wl-days-cta {font-size:17px;} #wl-days-launcher {font-size:14px;padding:14px 9px;} } `; document.head.appendChild(style); dialog = document.createElement('dialog'); dialog.id = 'wl-days-dialog'; dialog.setAttribute('aria-labelledby', 'wl-days-title'); dialog.innerHTML = `

${english ? '9–14 November' : '9–14 novembre'}

Wig Love Days

${english ? 'A little more love for your next look.' : 'Un’occasione in più per il tuo prossimo look.'}

Gisela Mayer−10%

Ellen Wille−10%

Rokoko−15%

${english ? 'Selected ready-to-ship wigs and toppers only.
Care products and accessories excluded.' : 'Solo parrucche e topper selezionati in pronta consegna.
Esclusi prodotti per la cura e accessori.'}

${english ? 'Shop the selection' : 'Scopri la selezione'}`; dialog.querySelector('.wl-days-close').addEventListener('click', close); dialog.querySelector('.wl-days-cta').addEventListener('click', remember); dialog.addEventListener('cancel', remember); dialog.addEventListener('click', event => { if (event.target === dialog) { const r=dialog.getBoundingClientRect(); if(event.clientXr.right||event.clientYr.bottom) close(); } }); launcher = document.createElement('button'); launcher.id = 'wl-days-launcher'; launcher.type = 'button'; launcher.textContent = 'Wig Love Days ✨'; launcher.setAttribute('aria-haspopup', 'dialog'); launcher.setAttribute('aria-controls', dialog.id); launcher.addEventListener('click', show); document.body.append(dialog, launcher); }; const sync = () => { if (!isActive()) { if(launcher) launcher.hidden=true; if(dialog?.open) dialog.close(); return; } build(); if (launcher) launcher.hidden=false; if (!seen() && !timer && !dialog?.open) timer=setTimeout(() => { timer=null; if (!seen()) show(); }, 150); }; const start = () => { sync(); if (Date.now() < end) setTimeout(sync, end - Date.now() + 1000); new MutationObserver(sync).observe(document.body,{attributes:true,attributeFilter:['class']}); window.addEventListener('abra:activated', sync); window.addEventListener('abra:deactivated', sync); window.addEventListener('abra:settled', sync); }; document.readyState === 'loading' ? document.addEventListener('DOMContentLoaded',start,{once:true}) : start(); })();

Search

Use the search bar above to perform a search.

Language

Country

Language

Country

Let customers speak for us