/* Pikalo DE – tiroir Moonbundle au rendu Miloubo : « Warenkorb · 1 », montant restant exact, pastille du minuteur, « Rabattcode + » repliable, suggestions « Ergänze dein Geschenk » (Duo et coffret qui REMPLACENT le busy book, comme Miloubo). */ (function () { if (window.__pkCart2) return; window.__pkCart2 = 1; /* Paliers affichés. 05/11 : palier 49,90 € ([GESCHENK 1]) masqué tant que le cadeau n'est pas choisi (config : palier-49-90-geschenk1-a-remettre.json). */ var T = [7490, 9990]; var BB = '10406830702920', DUO = '10406831259976', COF = '10406831292744'; var BBV = { '54505113190728': ['Entdecker-Set', 'Blau'], '54505113223496': ['Entdecker-Set', 'Rosa'], '54505113256264': ['Basis-Set', 'Blau'], '54505113289032': ['Basis-Set', 'Rosa'], '54505113321800': ['Rucksack-Set', 'Blau'], '54505113354568': ['Rucksack-Set', 'Rosa'] }; var OFF = { '67ed10a3-e3bd-4434-91d1-cb513c25f697': 'Basis-Set', '907d0d22-719f-4d7b-827d-5548340ce889': 'Entdecker-Set', 'cbd947c8-19f9-4ece-b27e-e83bbbb9ceac': 'Rucksack-Set' }; var S = { cart: null, busy: false, tried: {} }; function q(s, r) { return (r || document).querySelector(s); } function qa(s, r) { return Array.prototype.slice.call((r || document).querySelectorAll(s)); } function cents(t) { var m = String(t || '').replace(/\s/g, '').match(/(\d+)[.,](\d{2})/); return m ? parseInt(m[1], 10) * 100 + parseInt(m[2], 10) : null; } function setText(el, t) { if (el && el.textContent !== t) el.textContent = t; } function pid(x) { return String(x || '').split('/').pop(); } function root() { return (window.Shopify && window.Shopify.routes && window.Shopify.routes.root) || '/'; } function post(path, body) { return fetch(root() + path, { method: 'POST', headers: { 'Content-Type': 'application/json', Accept: 'application/json' }, body: JSON.stringify(body) }); } function loadCart() { return fetch('/cart.js', { headers: { Accept: 'application/json' } }).then(function (r) { return r.json(); }).then(function (c) { S.cart = c; g1Fix(c); duoFix(c); return c; }); } /* Cadeau [GESCHENK 1] (05/11) : produit à 0 € encore en ligne. Tant que son palier n'est pas dans la barre, il est retiré du panier s'il y entre. Remettre le palier dans Moonbundle suffit à le réautoriser. */ var G1 = '54505115910472', G1OK = null; function g1Allowed() { try { var j = JSON.parse(q('#moonbundle-cart-drawer-data').textContent); return JSON.stringify(j.cartDrawer.configs[0].progressBar.segmentsProgressBar).indexOf(G1) > -1; } catch (e) { return true; } } function g1Fix(c) { if (G1OK === null) G1OK = g1Allowed(); if (G1OK || !c || !c.items || S.g1 > Date.now() - 4000) return; var l = c.items.filter(function (i) { return String(i.variant_id) === G1; })[0]; if (!l) return; S.g1 = Date.now(); post('cart/change.js', { id: l.key, quantity: 0 }).then(function () { window.dispatchEvent(new CustomEvent('moonbundle-cart-updated')); }).catch(function () {}); } /* Tiroir et page /cart (05/11). Moonbundle garde le tiroir ouvert d'une page à l'autre (sessionStorage « keep_open ») et l'ouvre seul sur /cart, où sa croix fait « retour arrière » (page vide si /cart a été ouvert directement). Désormais : le tiroir ne s'ouvre que sur un geste du client (bouton d'achat, icône panier) ; sur /cart, la page panier du thème s'affiche seule et la croix ferme simplement le tiroir. */ var KEEP = 'moonbundle_cart_drawer_keep_open', T0 = Date.now(), lastUser = 0, keepAtLoad = false; function onCart() { return /\/cart\/?$/.test(location.pathname); } function clearKeep() { try { sessionStorage.removeItem(KEEP); } catch (e) {} } try { keepAtLoad = sessionStorage.getItem(KEEP) === '1'; } catch (e) {} ['pointerdown', 'keydown'].forEach(function (n) { document.addEventListener(n, function (e) { if (e.isTrusted) lastUser = Date.now(); }, true); }); window.addEventListener('pagehide', clearKeep); function unasked() { return Date.now() - lastUser > 4000 && (onCart() || (keepAtLoad && Date.now() - T0 < 5000)); } function guardOpen() { var el = q('moonbundle-cart-drawer-block'); if (!el || el.__pkOpen || typeof el.open !== 'function') return; var orig = el.open; el.__pkOpen = 1; el.open = function () { if (unasked()) { clearKeep(); return; } return orig.apply(this, arguments); }; } function closeUnasked() { var el = q('moonbundle-cart-drawer-block'); if (el && el.isOpen && unasked() && typeof el.close === 'function') el.close(); } guardOpen(); clearKeep(); [60, 200, 500, 1000, 2000, 3500].forEach(function (ms) { setTimeout(function () { guardOpen(); closeUnasked(); }, ms); }); window.addEventListener('popstate', function () { setTimeout(closeUnasked, 150); }); document.addEventListener('click', function (e) { if (!onCart()) return; var x = e.target && e.target.closest && e.target.closest('.moonbundle-cart-drawer-close, .moonbundle-cart-drawer-continue'); if (!x) return; e.preventDefault(); e.stopImmediatePropagation(); var el = q('moonbundle-cart-drawer-block'); if (el && typeof el.close === 'function') el.close(); }, true); /* Duo (05/11) : la remise Moonbundle prend UNE offre pour tout le panier (la moins chère) et l'applique au 2e set du Duo. Duo Rucksack + un Basis ajouté seul : le 2e Rucksack passait à 20 € au lieu de 40 €. Un set acheté seul n'a aucune remise : dès qu'un Duo est au panier, on retire l'étiquette Moonbundle des sets seuls d'une autre offre, et chaque Duo garde son prix. */ function mbp(i) { try { return i.properties && i.properties.__moonbundle ? JSON.parse(i.properties.__moonbundle) : null; } catch (e) { return null; } } function duoFix(c) { if (S.fixing || !c || !c.items) return; var ups = {}, has = false; c.items.forEach(function (i) { var p = mbp(i); if (p && p.type === 'upsell') { ups[p.offer_id] = 1; has = true; } }); if (!has) return; var bad = c.items.filter(function (i) { var p = mbp(i); return p && p.type === 'bundle' && !ups[p.offer_id] && !(S.tried[i.key] > Date.now() - 5000); }); if (!bad.length) return; S.fixing = true; bad.forEach(function (i) { S.tried[i.key] = Date.now(); }); bad.reduce(function (pr, i) { return pr.then(function () { return post('cart/change.js', { id: i.key, quantity: i.quantity, properties: { _pk: '1' } }); }); }, Promise.resolve()).catch(function () {}).then(function () { S.fixing = false; return loadCart(); }).then(later).catch(function () {}); } /* Duos au panier : produit Duo (suggestion du tiroir) ou Duo de la fiche = 2 lignes busy book (le set + son 2e set « upsell », même offre). */ function duos(c) { var r = { any: false, pairs: {} }; if (!c || !c.items) return r; c.items.forEach(function (i) { if (String(i.product_id) === DUO && i.quantity > 0) r.any = true; var p = mbp(i); if (p && p.type === 'upsell' && String(i.product_id) === BB) { r.any = true; r.pairs[p.offer_id] = 1; } }); return r; } function isBB(i) { return String(i.product_id) === BB && i.final_line_price > 0; } function inPair(i, d) { var p = mbp(i); return !!(p && d.pairs[p.offer_id]); } /* Set acheté seul (hors Duo de la fiche) : base des suggestions et livre remplacé en priorité. */ function singles(c) { var d = duos(c); return (c && c.items || []).filter(function (i) { return isBB(i) && !inPair(i, d); }); } function mainLine() { var s = singles(S.cart); return s[0] || (S.cart && S.cart.items.filter(isBB)[0]); } function duoBase() { return singles(S.cart).filter(function (i) { var v = BBV[String(i.variant_id)]; return v && v[0] !== 'Rucksack-Set'; })[0]; } function amount(root) { var st = qa('strong', root).filter(function (x) { return /Nur noch/.test(x.parentNode.textContent); })[0], sub = q('.moonbundle-cart-subtotal-finalPrice', root); if (!st || !sub) return; var tot = cents(sub.textContent), shown = cents(st.textContent); if (tot == null || shown == null) return; var next = T.filter(function (t) { return t > tot; })[0]; if (!next) return; var want = next - tot; if (shown === want || Math.abs(shown - want) > 1) return; st.textContent = st.textContent.replace(/\d+[.,]\d{2}/, (want / 100).toFixed(2).replace('.', ',')); } /* « Warenkorb · 1 » comme « Panier · 1 » chez Miloubo : articles payants seulement (cadeaux et garantie à 0 € non comptés), rien si vide */ function count(root) { var el = q('.moonbundle-cart-drawer-header-item-count', root); if (!el || !S.cart) return; var n = 0; S.cart.items.forEach(function (i) { if (i.final_line_price > 0) n += i.quantity; }); if (el.getAttribute('data-pk-n') !== String(n)) el.setAttribute('data-pk-n', String(n)); el.classList.add('pk-n'); el.classList.toggle('pk-n0', n === 0); } function timer(root) { var t = q('.moonbundle-cart-timer', root); if (!t) return; var txt = ''; Array.prototype.forEach.call(t.childNodes, function (n) { if (n.nodeType === 3) txt += n.data; }); var m = txt.replace(/\s+/g, ' ').trim().match(/^(.*?)\s*:?\s*(\d{1,2}:\d{2})$/); if (!m) return; var box = q('.pk-tm', t); if (!box) { box = document.createElement('span'); box.className = 'pk-tm'; box.innerHTML = ''; t.appendChild(box); } setText(box.firstChild, m[1]); setText(box.lastChild, m[2]); } function discount(root) { var d = q('.moonbundle-cart-drawer-discount-input', root); if (!d || q('.pk-dc', d)) return; var b = document.createElement('button'); b.type = 'button'; b.className = 'pk-dc'; b.setAttribute('aria-expanded', 'false'); b.innerHTML = 'Rabattcode'; d.insertBefore(b, d.firstChild); d.classList.add('pk-closed'); b.addEventListener('click', function () { var c = d.classList.toggle('pk-closed'); b.setAttribute('aria-expanded', c ? 'false' : 'true'); }); } /* Lignes du Duo de la fiche (05/11) : les 2 livres portent « 🎁 Duo-Angebot: 2 s », comme la ligne « Offre Duo » de Miloubo. */ function duoLines(root) { var d = duos(S.cart); qa('.moonbundle-cart-item', root).forEach(function (row) { var key = row.getAttribute('data-item-key'), it = S.cart && S.cart.items.filter(function (i) { return i.key === key; })[0]; var p = it && isBB(it) && inPair(it, d) && mbp(it), set = p && OFF[p.offer_id]; var tag = q('.pk-duo-tag', row); if (!set) { if (tag) tag.parentNode.removeChild(tag); return; } var det = q('.moonbundle-cart-item-details', row); if (!det) return; if (!tag) { tag = document.createElement('p'); tag.className = 'pk-duo-tag'; tag.innerHTML = '🎁 Duo-Angebot: '; var opt = q('.moonbundle-product-options', det), qty = q('.moonbundle-cart-containerQuantityAndDeleteBtn', det); if (opt && opt.parentNode === det) det.insertBefore(tag, opt.nextSibling); else det.insertBefore(tag, qty && qty.parentNode === det ? qty : null); } setText(q('.pk-duo-tag__s', tag), '2 ' + set + 's'); }); } function upsells(root) { var d = duos(S.cart), base = duoBase(), info = base && BBV[String(base.variant_id)], set = info && info[0], col = info && info[1]; var ml = mainLine(), mcol = ml && BBV[String(ml.variant_id)] && BBV[String(ml.variant_id)][1]; qa('.moonbundle-cart-upsell-product', root).forEach(function (card) { var id = pid(card.getAttribute('data-product-id')); /* Moonbundle réutilise la carte : on remet tout à zéro quand le produit change (avant : le coffret gardait « für beide » et perdait son titre). */ card.classList.toggle('pk-up-duo', id === DUO); card.classList.toggle('pk-up-cof', id === COF); if (id !== DUO) qa('.pk-fb, .pk-sel, .pk-dtit', card).forEach(function (x) { x.parentNode.removeChild(x); }); /* Comme Miloubo : plus de suggestion Duo quand un Duo est déjà au panier (avant : 3 livres pour 109,80 € au lieu de 4 pour 139,80 €). */ card.classList.toggle('pk-hide', id === DUO && (d.any || !base)); var imgc = q('.moonbundle-cart-upsell-product-image-container', card); var oc = cents((q('.moonbundle-cart-upsell-product-original-price', card) || {}).textContent), pc = cents((q('.moonbundle-cart-upsell-product-price', card) || {}).textContent); if (imgc && oc && pc && oc > pc) { var bd = q('.pk-rem', imgc); if (!bd) { bd = document.createElement('span'); bd.className = 'pk-rem'; imgc.appendChild(bd); } setText(bd, '−' + Math.round((oc - pc) * 100 / oc) + ' %'); } var sel = q('select:not(.pk-sel)', card); if (id === DUO) { var det = q('.moonbundle-cart-upsell-product-details', card); if (det && set) { var tt = q('.pk-dtit', det); if (!tt) { tt = document.createElement('span'); tt.className = 'pk-dtit'; tt.innerHTML = 'Duo-Angebot: '; det.insertBefore(tt, det.firstChild); } setText(q('.pk-dtit__s', tt), '2 ' + set + 's'); } var pr = q('.moonbundle-cart-upsell-product-price-container', card); if (pr && !q('.pk-fb', pr)) { var fb = document.createElement('span'); fb.className = 'pk-fb'; fb.textContent = 'für beide'; pr.appendChild(fb); } var vs = q('.moonbundle-cart-upsell-variant-selector', card); if (vs && sel && set && col) { var other = col === 'Blau' ? 'Rosa' : 'Blau'; var my = q('.pk-sel', vs); if (!my) { my = document.createElement('select'); my.className = 'pk-sel'; my.setAttribute('aria-label', 'Farbe des zweiten Sets'); vs.appendChild(my); my.addEventListener('change', function () { pickDuo(card, my.value); }); } if (my.getAttribute('data-k') !== set + col) { my.setAttribute('data-k', set + col); my.innerHTML = ''; } var want = set + ', ' + duoName(col, my.value); if (sel.value !== want) pickDuo(card, my.value); } } else if (id === COF) { if (sel && mcol && sel.value !== mcol && qa('option', sel).some(function (o) { return o.value === mcol; })) { sel.value = mcol; sel.dispatchEvent(new Event('change', { bubbles: true })); } } }); var box = q('.moonbundle-cart-upsell', root); if (box) box.classList.toggle('pk-hide', !qa('.moonbundle-cart-upsell-product', box).some(function (c) { return !c.classList.contains('pk-hide'); })); } function duoName(c1, c2) { return c1 === c2 ? c1 + ' + ' + c2 : 'Blau + Rosa'; } function pickDuo(card, second) { var line = duoBase(), info = line && BBV[String(line.variant_id)]; if (!info) return; var sel = q('select.moonbundle-cart-upsell-select__select', card) || q('select:not(.pk-sel)', card); if (!sel) return; var v = info[0] + ', ' + duoName(info[1], second); if (sel.value !== v && qa('option', sel).some(function (o) { return o.value === v; })) { sel.value = v; sel.dispatchEvent(new Event('change', { bubbles: true })); } } /* Remplacement (comme Miloubo « On remplace, vous ne le payez pas deux fois ») : la suggestion Duo ou coffret prend la place d'un busy book. 05/11 : en UNE requête, comme Miloubo (/cart/update.js : -1 livre, +1 Duo ou coffret). Avant : ajout Moonbundle puis retrait du livre, avec un panier intermédiaire à 109,80 € : 1 fois sur 3 le livre restait (3 livres pour 109,80 €) ou les cadeaux des paliers restaient. Livre remplacé : celui sur lequel la suggestion Duo est calculée ; pour le coffret, un set seul d'abord, sinon le 2e set d'un Duo de la fiche. */ function toRemove(c) { var s = singles(c); if (s[0]) return s[0]; return (c && c.items || []).filter(function (i) { var p = mbp(i); return isBB(i) && p && p.type === 'upsell'; })[0] || null; } document.addEventListener('click', function (e) { var b = e.target && e.target.closest && e.target.closest('.moonbundle-cart-upsell-add-to-cart-btn'); if (!b || !S.cart) return; var id = pid(b.getAttribute('data-product-id')); if (id !== DUO && id !== COF) return; var vid = pid(b.getAttribute('data-variant-id')), line = id === DUO ? duoBase() : toRemove(S.cart); if (!vid || !line) return; e.preventDefault(); e.stopImmediatePropagation(); if (S.adding) return; S.adding = true; b.classList.add('pk-wait'); var have = 0; S.cart.items.forEach(function (i) { if (String(i.variant_id) === vid) have += i.quantity; }); var up = {}; up[line.key] = line.quantity - 1; up[vid] = have + 1; post('cart/update.js', { updates: up }).then(function (r) { return r.json(); }).catch(function () {}).then(function () { S.adding = false; b.classList.remove('pk-wait'); try { window.dispatchEvent(new CustomEvent('moonbundle-cart-updated')); } catch (x) {} return loadCart(); }).then(later).catch(function () { S.adding = false; }); }, true); function run() { var root = q('.moonbundle-cart-drawer-content'); if (!root || S.busy) return; S.busy = true; try { amount(root); count(root); timer(root); discount(root); duoLines(root); upsells(root); } finally { S.busy = false; } } var t; function later() { clearTimeout(t); t = setTimeout(run, 20); } var host = q('moonbundle-cart-drawer-block') || document.body; new MutationObserver(function () { if (!S.busy) later(); }).observe(host, { childList: true, subtree: true, characterData: true }); var last = 0; var t2 = 0; new MutationObserver(function () { var now = Date.now(); if (now - last > 800) { last = now; loadCart().then(later).catch(function () {}); } else if (!t2) { t2 = setTimeout(function () { t2 = 0; last = Date.now(); loadCart().then(later).catch(function () {}); }, 850 - (now - last)); } }).observe(host, { childList: true, subtree: true }); loadCart().then(run).catch(run); })();

Suivre ma commande