/* A1two3 custom code — THEME-ROUTE (Horizon card template renders the card; * this script only patches it). Replaces the old renderProductCard() light-DOM * card so every v3 card-level feature (badge campaigns, preorder, BIS, * wishlist, review) keeps its native shadow-DOM injection points. * * v2 behaviors kept 1:1 (verified live 2026-07-13): * - cross-product color swatches from metafield custom.farve_varianter * (each colorway is a SEPARATE product; swatches link to sibling PDPs) * - featured image swapped per grid index (card i shows sibling colorway i) * - sale badge copy "N% off" (theme renders "-N%") * The view-only card (no ATC), "Fra" price prefix, hover crossfade, and all * colors/typography are handled by the merchant CSS (adopted into the card's * shadow root) — see a1two3-custom-v3.css section 1. */ (function () { 'use strict'; /* ── v3 API shim for the v2 sledge.instantSearch.getProductByIds ──── */ function apiBase() { if (window.__sledgeApiBase) return window.__sledgeApiBase; var gen = window.__sledgeSettings && window.__sledgeSettings.general; if (typeof gen === 'string') { try { gen = JSON.parse(gen); } catch (e) { gen = null; } } return (gen && gen.storefront_url) || 'https://apac-1.storefront.sledge-app.com'; } function storeToken() { if (window.__sledgeStoreToken) return window.__sledgeStoreToken; var gen = window.__sledgeSettings && window.__sledgeSettings.general; if (typeof gen === 'string') { try { gen = JSON.parse(gen); } catch (e) { gen = null; } } return (gen && gen.store_token) || ''; } function getProductByIds(ids, limit) { var numeric = ids.map(function (v) { return String(v).replace(/\D/g, ''); }).filter(Boolean); if (!numeric.length) return Promise.resolve({ hits: [] }); return fetch(`${apiBase()}/api/v1/search`, { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-Sledge-Store': storeToken() }, body: JSON.stringify({ q: '*', filter_by: `shopifyId:=[${numeric.join(',')}]`, per_page: limit || 25, surface: 'plp', force_products_index: true }) }) .then(function (r) { return r.json(); }) .then(function (j) { var hits = (j && j.data && j.data.hits) || []; return { hits: hits.map(function (h) { var d = h.document || h; var img = (d.featuredMedia && d.featuredMedia.url) || (d.media && d.media[0] && d.media[0].url) || ''; return { id: String(d.shopifyId || d.id || ''), handle: d.handle, image: { src: img } }; }) }; }) .catch(function () { return { hits: [] }; }); } var sessionStorageSet = function (data, key) { try { sessionStorage.setItem(key, JSON.stringify(data)); } catch (e) { /* quota — skip cache */ } }; /* Placeholder for a product with no image. v2 served this from its own asset CDN; that infrastructure has been decommissioned and the URL now answers 404, so the fallback itself was broken. Same artwork, inlined as a data URI so it cannot go away and costs no request: the original 1480x1362 PNG resampled to 560 wide and quantised to 16 colours (9,535 -> 4,196 bytes), still sharper than the box it renders in. */ var BLANK_IMAGE = 'data:image/png;base64,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'; /* image url helper (v2 behavior: force width param, blank-image fallback) */ function imgUrl(src, width, fallbackSrc) { if (!src) return fallbackSrc || BLANK_IMAGE; try { var u = new URL(src); u.searchParams.set('width', width || 500); return u.toString(); } catch (e) { return src; } } /* deep query across OPEN shadow roots (cards live inside the grid's root) */ function deepQueryAll(selector) { var found = []; function walk(root) { var els = root.querySelectorAll('*'); for (var i = 0; i < els.length; i++) { var el = els[i]; if (el.matches && el.matches(selector)) found.push(el); if (el.shadowRoot) walk(el.shadowRoot); } } walk(document); return found; } function allCards() { return deepQueryAll('sledge-product-card'); } function renderVariantPicker(variants, ownHandle) { var swatches = variants.slice(0, 5).map(function (v) { return `

`; }).join(''); return `${swatches}More`; } /* v2 badge copy: "22% off" — Horizon renders "-22%" */ function rewriteSaleBadge(card) { var badge = card.shadowRoot && card.shadowRoot.querySelector('.product-card__badge .badge'); if (!badge) return; var m = (badge.textContent || '').match(/(\d+)\s*%/); if (m) badge.textContent = `${m[1]}% off`; } function injectSwatches(card, siblings, handle) { var shadow = card.shadowRoot; if (!shadow) return; var titleBlock = shadow.querySelector('.product-card__title-block'); if (!titleBlock) return; if (!shadow.querySelector('.sledge__custom-variant-picker')) { var picker = document.createElement('div'); picker.className = 'sledge__custom-variant-picker'; picker.innerHTML = renderVariantPicker(siblings, handle); /* swatch anchors sit inside the card's own wrapper — keep their * navigation from bubbling into the card link. stopPropagation also * silences the grid's tracked click listener on the card host, so on a * real anchor click re-emit a non-bubbling click there — the colorway * open still records a v3 `click` signal (audit 2026-07-21). */ picker.addEventListener('click', function (e) { e.stopPropagation(); if (e.target && e.target.closest && e.target.closest('a')) { try { card.dispatchEvent(new MouseEvent('click', { bubbles: false })); } catch (err) {} } }); titleBlock.insertBefore(picker, titleBlock.firstChild); } /* v2 quirk kept 1:1: grid card i shows sibling colorway i's image */ var idx = allCards().indexOf(card); var img = shadow.querySelector('.card-gallery__slide img'); if (idx > -1 && siblings[idx] && siblings[idx].image && siblings[idx].image.src && img) { img.src = imgUrl(siblings[idx].image.src, 500); img.removeAttribute('srcset'); } } function patch(card) { if (!card || !card.shadowRoot) return; var product = card._product || {}; rewriteSaleBadge(card); var mf = product.metafields && product.metafields['custom.farve_varianter']; if (typeof mf === 'string') { try { mf = JSON.parse(mf); } catch (e) { mf = null; } } if (!Array.isArray(mf) || !mf.length) return; var id = String(product.shopifyId || product.id || ''); /* v3-scoped key: v2 caches the same colorway list under `product-` on * this very origin, so a shared key would let one version serve the other * a list built by different code (and would keep serving the pre-fix, * scrambled order to anyone who already has it cached). */ var cacheKey = `sledge-v3-colorways-${id}`; var cached = null; try { cached = JSON.parse(sessionStorage.getItem(cacheKey)); } catch (e) { cached = null; } if (cached) { injectSwatches(card, cached, product.handle); return; } getProductByIds(mf, 25).then(function (res) { if (!res.hits || !res.hits.length) return; /* Colorway order must match v2 1:1 — it drives BOTH the swatch strip and * the per-index featured-image swap below. v2 rendered the metafield's * authored order (verified against the theme-rendered colorway list on * the PDP: graphic-charcoal → … → battleship-gray). We cannot sort by * mf here: Typesense stores custom.farve_varianter in a scrambled order * (raw API payload checked — neither authored, ascending nor descending), * and its entries are GIDs while hit.id is numeric, so an indexOf sort is * a silent no-op that leaves Typesense's own order (exact reverse of v2). * Product id ascending reproduces the authored order — the colorways are * created in that sequence — matching v2 exactly in 11 of 12 families * sampled on /collections/plakater-til-familie-fest. */ var sorted = res.hits.sort(function (a, b) { return Number(String(a.id).replace(/\D/g, '')) - Number(String(b.id).replace(/\D/g, '')); }); sessionStorageSet(sorted, cacheKey); injectSwatches(card, sorted, product.handle); }); } /* primary hook: the grid fires this per card render/re-render (re-render * wipes the shadow, so the event doubles as our re-inject trigger) */ document.addEventListener('sledge:product-card:rendered', function (e) { var card = e.detail && e.detail.card; requestAnimationFrame(function () { patch(card); setTimeout(function () { patch(card); }, 300); }); }); /* ── ONE column keeps the poster card (v2 parity) ──────────────────────── * product-grid.ts flips to list mode whenever the effective column count is * <= 1: `variant="list"` on every card, `list-layout` on the grid. * The list template is a DIFFERENT DOM — `.product-image > img` instead of * `.card-gallery`, and no `.product-card__title-block` — so the poster gets * cropped to a 120px square AND both the swatch strip and the colorway image * swap above silently disappear (measured on mobile: card 358x120, image * 120x120, 0 swatches; v2 gives 390x692, image 390x551, 5 swatches). * v2 has no list layout at all: its column icons only change the count, and * one column shows the same card full width. Strip both markers — changing * `variant` re-runs the card's own _init() via attributeChangedCallback, so * the theme card comes back and its rendered event re-runs patch(). */ function unlist() { var grids = deepQueryAll('sledge-product-grid'); for (var i = 0; i < grids.length; i++) { var root = grids[i].shadowRoot; var grid = root && root.getElementById && root.getElementById('grid'); if (grid && grid.classList.contains('list-layout')) grid.classList.remove('list-layout'); } /* cards, bundle cards — anything the grid tagged for the list template */ var listed = deepQueryAll('[variant="list"]'); for (var j = 0; j < listed.length; j++) listed[j].removeAttribute('variant'); } /* The grid re-applies list mode on every column toggle and re-render, so the * strip has to be standing, not one-shot. Coalesce to one pass per frame — * a re-render fires hundreds of records, and unlist() walks every shadow * root. Removing an absent class/attribute produces no record, so the * observer settles instead of looping. */ var unlistQueued = false; function queueUnlist() { if (unlistQueued) return; unlistQueued = true; requestAnimationFrame(function () { unlistQueued = false; unlist(); }); } var watched = []; function watchListMode() { deepQueryAll('sledge-product-grid').forEach(function (g) { if (!g.shadowRoot || watched.indexOf(g) > -1) return; watched.push(g); new MutationObserver(queueUnlist).observe(g.shadowRoot, { subtree: true, childList: true, attributes: true, attributeFilter: ['class', 'variant'], }); }); unlist(); } document.addEventListener('sledge:product-card:rendered', queueUnlist); /* sweep for cards rendered before this script attached (first-paint race) */ function sweep() { watchListMode(); allCards().forEach(function (c) { patch(c); }); } setTimeout(sweep, 600); setTimeout(sweep, 2000); })();

Din indkøbskurv er tom

Rum med Plakater

Copyright og rettigheder

Cookies

Formater

Kontakt

Leveringsbetingelser

Om os

Sitemap

Privatlivspolitik

Refundering