/* ══════════════════════════════════════════════════════════════ GIMMY — EGO/Opus custom scripts Twee losse onderdelen, hieronder duidelijk gescheiden. ══════════════════════════════════════════════════════════════ */ /* ────────────────────────────────────────────────────────────── [1] COMPARE-AT PRICES (bestaand — niet gewijzigd) ---------------------------------------------------------------- Haalt per cart-item de productdata op en zet de compare-at prijzen in de Opus-cart (voor de doorgestreepte "bespaar"-prijs). Draait bij OpusCartChange en OpusOpenCartState. ────────────────────────────────────────────────────────────── */ let isUpdatingCart = false; async function injectCartComparePrices(event) { if (isUpdatingCart) return; isUpdatingCart = true; const data = event.detail; if (!data?.items?.length) { isUpdatingCart = false; return; } const listHandle = data.items.map(i => i.handle); const opusCartV2 = JSON.parse(localStorage.getItem('opusCartV2')) || {}; const products = await Promise.all( listHandle.map(handle => fetch(`/products/${handle}.js`) .then(res => res.json()) .catch(err => { console.error(`Error fetching product ${handle}:`, err); return null; }) ) ); products.forEach(product => { if (!product) return; const variants = product.variants || []; variants.forEach(item => { const variantId = item.id; const compareAtPrice = item.price; window.OpusSetCompareAtPrice(variantId, { rate: window.Shopify.currency.rate, compareAtPrice, tags: product.tags || [] }); opusCartV2[variantId] = { compareAtPrice, rate: window.Shopify.currency.rate, tags: product.tags || [] }; }); }); localStorage.setItem('opusCartV2', JSON.stringify(opusCartV2)); await window.opusRefreshCart(); isUpdatingCart = false; } window.addEventListener('OpusCartChange', injectCartComparePrices); window.addEventListener('OpusOpenCartState', injectCartComparePrices); /* ────────────────────────────────────────────────────────────── [2] "ABONNEMENT IN WINKELWAGEN"-BALK (nieuw) ---------------------------------------------------------------- Toont een compacte, subtiele balk NET BOVEN de footer (.bottom-section) wanneer er een abonnement in het mandje zit. Detectie: elk abo-item heeft ".cd-product-item-selling-plan". Plaatsing: direct vóór ".bottom-section". ────────────────────────────────────────────────────────────── */ (function () { "use strict"; // ---------- Taal ---------- // Detecteert de taal via (Shopify zet die op nl/fr/en/de). // Valt terug op nl. Alleen de eerste 2 letters tellen (nl-BE -> nl). function detectLang() { var l = (document.documentElement.getAttribute("lang") || "nl").toLowerCase().slice(0, 2); if (l === "fr" || l === "en" || l === "de") return l; return "nl"; } var LANG = detectLang(); var TXT = { nl: { title: "Je mandje bevat een abonnement", sub: "25% korting op abonnementen" }, fr: { title: "Votre panier contient un abonnement", sub: "25% de r\u00e9duction sur les abonnements" }, en: { title: "Your cart contains a subscription", sub: "25% off on subscriptions" }, }; TXT.de = TXT.en; // DE valt (voorlopig) terug op EN var T = TXT[LANG] || TXT.nl; // Compacter en subtieler: één regel, kleinere tekst, lichte rand, // en marge onderaan zodat de rand niet tegen de footer wordt afgesneden. var BANNER_HTML = ''; function getRoot() { var host = document.querySelector('#opus-shadow-container'); return host && host.shadowRoot ? host.shadowRoot : null; } function hasSubscription(root) { return !!root.querySelector('.cd-product-item-selling-plan'); } function sync() { var root = getRoot(); if (!root) return; var hasAbo = hasSubscription(root); var existing = root.querySelector('[data-gimmy-abo]'); if (hasAbo) { if (existing) return; // staat er al var footer = root.querySelector('.bottom-section'); if (!footer || !footer.parentNode) return; var tmp = document.createElement('div'); tmp.innerHTML = BANNER_HTML; footer.parentNode.insertBefore(tmp.firstElementChild, footer); } else if (existing) { existing.remove(); } } setInterval(sync, 600); sync(); })();

Language

Language

Page title