/* K1 per-shop custom JS — k-v-mechelen.myshopify.com (shop.kvmechelen.be) * * Bug: the Radikal personalization theme adds to cart via a BULK * POST /cart/add (fetch, JSON) { items:[{child +€15 print},{parent shirt}] } * building its own payload from the personalization inputs and DROPPING the K1 * pre-order markers (properties[_K1], properties[Pre-order]) that the widget * injected into the product form. The parent shirt line therefore reaches the * cart as a REGULAR line; the K1 Cart Validation Function (online-sellable = 0, * stock on a non-online location) rejects it with * 422 "Only 0 available for Thuisshirt 26/27 Volwassenen". * The bulk add is atomic -> nothing is added. * * Fix: intercept the bulk /cart/add and, for each item that is a K1 pre-order * variant, re-attach the SAME markers the widget puts on the on-page product * form (properties[_K1], properties[Pre-order], selling_plan when present), * preserving the personalization properties (name/number/_bundle*). The +€15 * "Bedrukking" child (not in any K1 rule) is left untouched. * * Faithful (mirrors the native form for the current product), async ruleId * resolution as a fallback for co-added K1 products, idempotent, fail-open. * Verified live on shop.kvmechelen.be 2026-08-02. */ (function () { 'use strict'; try { if (window.__k1PersoCartFixInstalled) return; window.__k1PersoCartFixInstalled = true; var RESOLVE_TIMEOUT_MS = 3000; function isCartAdd(url) { try { return String(url).split('?')[0].replace(/\.js$/, '').replace(/\/$/, '') === '/cart/add' || /\/cart\/add(\.js)?($|\?)/.test(String(url)); } catch (e) { return false; } } // Snapshot the markers the widget put on any on-page product form, keyed by // the form's variant id. Returns { : { props:{...}, selling_plan } }. function readOnPageK1Markers() { var out = {}; try { var forms = document.querySelectorAll('form[action*="/cart/add"]'); for (var i = 0; i < forms.length; i++) { var f = forms[i]; var k1 = f.querySelector('input[name="properties[_K1]"]'); if (!k1 || !k1.value) continue; // only K1 pre-order forms var idEl = f.querySelector('[name="id"]'); if (!idEl || !idEl.value) continue; var props = {}; var propEls = f.querySelectorAll('input[name^="properties["]'); for (var j = 0; j < propEls.length; j++) { var m = propEls[j].name.match(/^properties\[(.+)\]$/); if (m) props[m[1]] = propEls[j].value; } var spEl = f.querySelector('input[name="selling_plan"]'); out[String(idEl.value)] = { props: props, selling_plan: spEl && spEl.value ? spEl.value : null }; } } catch (e) {} return out; } function defaultPoForRule(rule) { if (!rule || !rule.po || !rule.po.length) return null; return rule.po.filter(function (p) { return p.def; })[0] || rule.po[0]; } function labelForPo(po) { try { var cfg = window.PreorderConfig || {}; var tr = (cfg.localePoTranslations && cfg.localePoTranslations[po.sid]) || (cfg.poTranslations && cfg.poTranslations[po.sid]); if (tr && tr.lk && tr.lv) return { key: tr.lk, val: tr.lv }; } catch (e) {} return null; } // Async: variant id -> K1 markers via Storefront API (fallback for co-added // products not present as an on-page form). Resolves null for non-K1 lines. function resolveMarkersByApi(variantId) { try { var api = window.K1StorefrontAPI; if (!api || !api.fetchVariants || !api.buildVariantGid) return Promise.resolve(null); var p = api.fetchVariants([api.buildVariantGid(variantId)]); var to = new Promise(function (res) { setTimeout(function () { res(null); }, RESOLVE_TIMEOUT_MS); }); return Promise.race([p, to]).then(function (map) { if (!map || !map.get) return null; var v = map.get(Number(variantId)) || map.get(String(variantId)); var ruleId = v && v.ruleId && (v.ruleId.value || v.ruleId); if (!ruleId) return null; var rules = (window.PreorderConfig && window.PreorderConfig.rules) || []; var rule = null; for (var i = 0; i < rules.length; i++) if (rules[i].id === ruleId) { rule = rules[i]; break; } if (!rule) return null; var po = defaultPoForRule(rule); if (!po) return null; var props = { _K1: 'preorder' }; var lbl = labelForPo(po); if (lbl) props[lbl.key] = lbl.val; return { props: props, selling_plan: (po.im !== 'button_replacement' && po.sid) ? po.sid : null }; }).catch(function () { return null; }); } catch (e) { return Promise.resolve(null); } } function applyMarkers(line, markers) { if (!markers) return line; var props = line.properties || {}; var merged = {}; for (var k in props) if (Object.prototype.hasOwnProperty.call(props, k)) merged[k] = props[k]; for (var mk in markers.props) if (Object.prototype.hasOwnProperty.call(markers.props, mk)) merged[mk] = markers.props[mk]; line.properties = merged; if (markers.selling_plan && !line.selling_plan) line.selling_plan = markers.selling_plan; return line; } // Returns Promise. Skips already-marked lines. On-page form first, // API fallback second; a line that resolves to no K1 rule is untouched. function markLine(line, onPage) { try { var id = line && (line.id || line.variantId || line.merchandise_id); if (!id) return Promise.resolve(line); var props = line.properties || {}; if (props._K1) return Promise.resolve(line); var byForm = onPage[String(id)]; if (byForm) return Promise.resolve(applyMarkers(line, byForm)); return resolveMarkersByApi(id).then(function (m) { return applyMarkers(line, m); }); } catch (e) { return Promise.resolve(line); } } function markPayload(payload) { var onPage = readOnPageK1Markers(); try { if (payload && Array.isArray(payload.items)) { return Promise.all(payload.items.map(function (it) { return markLine(it, onPage); })) .then(function (items) { payload.items = items; return payload; }); } if (payload && (payload.id || payload.id === 0)) { return markLine(payload, onPage).then(function () { return payload; }); } } catch (e) {} return Promise.resolve(payload); } var origFetch = window.fetch; window.fetch = function (input, init) { try { var url = (typeof input === 'string') ? input : (input && input.url) || ''; var method = ((init && init.method) || (input && input.method) || 'GET').toUpperCase(); if (isCartAdd(url) && method === 'POST' && init && typeof init.body === 'string') { var parsed = null; try { parsed = JSON.parse(init.body); } catch (e) { parsed = null; } if (parsed && (Array.isArray(parsed.items) || parsed.id || parsed.id === 0)) { var self = this; return markPayload(parsed).then(function (out) { var newInit = {}; for (var k in init) newInit[k] = init[k]; newInit.body = JSON.stringify(out); return origFetch.call(self, input, newInit); }); } } } catch (e) {} return origFetch.apply(this, arguments); }; } catch (e) { /* fail-open */ } })(); /* K1 per-shop workaround — k-v-mechelen.myshopify.com * Theme: Radikal 2.1.0, published as "Lancering HOMESHIRT" * * WHY * Radikal renders product cards as `div.m-product-card` inside plain

grids: no

, * no

, no `.grid`/`.grid__item`, no element. So preorder-catalog-v2's * resolveParent() selector chain matches NOTHING and every card is discarded before a badge is * rendered (measured on the live storefront: home 9/9 cards -> null, collection 20/20 -> null). * The PDP is unaffected — it resolves via `section.o-product.js-main-product`. * * WHAT THIS DOES — and deliberately does NOT do * It does NOT re-implement badge rendering. It only adds two marker classes that the widget's * EXISTING chains already recognise, so the widget keeps owning every piece of business logic * (rule matching, the rule's `display` mode, per-variant limits, badge text + localization, * the storefront heartbeat): * `wt-product` -> resolveParent() alternative #5 — ahead of li (#9), * section (#11) and .grid (#19), so it wins regardless of * what a given Radikal section wraps its cards in. * `product-card--image-wrapper` -> findImageContainer() generic alternative #3 — ahead of * `.swiper-wrapper` (#10), which inside a Radikal collection * card is the IN-CARD image slider: a badge appended there * would travel with the carousel slide. * `.m-product-card__media` is the correct anchor box: position:relative, overflow:hidden, one * per card. (`.m-product-card__image` is position:static — a badge there escapes its card.) * * SAFETY * - Neither marker class is used by this theme: grepped 94 KB of its stylesheets (base-style, * product-card-style, main-collection-grid-style, featured-collection-style, price-style, * product-quick-add-style, cart-drawer-item-style) -> 0 hits for both, with a positive control * of 29 hits for `m-product-card`. So they carry no styling of their own and cannot alter layout. * - Each marker is read in exactly ONE place in preorder-catalog-v2.js and nowhere in * payment-options-v2.js / cart-allocator-v2.js. * - The CART DRAWER is skipped on purpose: its card anchor already carries class `grid`, so it * resolves via `.grid` today and must stay byte-identical. * - Fail-open throughout: any throw leaves the page exactly as it is today. * * REMOVE THIS once the widget ships native Radikal support (.m-product-card in the parent chain * + a .m-product-card__media branch in findImageContainer). */ ;(function () { try { if (window.__k1RadikalCardFixInstalled) return window.__k1RadikalCardFixInstalled = true var CARD = '.m-product-card' var MEDIA = '.m-product-card__media' var PARENT_MARKER = 'wt-product' var MEDIA_MARKER = 'product-card--image-wrapper' function tagAll() { try { var cards = document.querySelectorAll(CARD) for (var i = 0; i < cards.length; i++) { var card = cards[i] try { var media = card.querySelector(MEDIA) if (!media) continue // Already fully tagged -> nothing to do (keeps the observer path cheap). if ( card.classList.contains(PARENT_MARKER) && media.classList.contains(MEDIA_MARKER) ) { continue } if (card.closest('.cart-drawer')) continue card.classList.add(PARENT_MARKER) media.classList.add(MEDIA_MARKER) } catch (e) {} } } catch (e) {} } // Custom JS is injected by injectDesignConfig() BEFORE the widget's first findProducts() // run, so this first pass covers the server-rendered cards. tagAll() // Radikal re-renders the grid on facet/sort/pagination changes and injects quick-view and // recommendation cards later, so re-tag on DOM changes; the widget's own body // MutationObserver then re-runs findProducts() over the newly tagged cards. // Observing childList only (NOT attributes), so our own classList writes cannot re-trigger it. var timer = null try { var mo = new MutationObserver(function () { if (timer) clearTimeout(timer) timer = setTimeout(tagAll, 200) }) mo.observe(document.documentElement, { childList: true, subtree: true }) } catch (e) {} } catch (e) {} })()

Fun & Vrije tijd

KV Mechelen Strandbal

Malinwa Kubb

sjaal strepen 26-27

zonnebril

magneet logo

magneet vintage logo