`; for (let i = 1; i <= 3; i++) { let badge = tiers[i - 1][1]; let hidden = badge === '-' ? 'hidden-badge' : ''; html += `

✓

BUY ${i} GET

${tiers[i - 1][0]}

${badge}

`; } return html + `

Calculating...

`; } // Affichage des états visuels function applyState(mode, count, wrapper) { if (!wrapper) return; if (count === 0 || mode === 'none') { wrapper.style.display = 'none'; return; } wrapper.style.display = 'block'; const fill = document.getElementById('k-bogo-fill'); const t = [document.getElementById('k-bogo-tier1'), document.getElementById('k-bogo-tier2'), document.getElementById('k-bogo-tier3')]; const msg = document.getElementById('k-bogo-msg'); const spin = document.getElementById('k-bogo-spinner'); if (!fill || !t[0]) return; t.forEach(x => x.classList.remove('active', 'half-active')); spin.classList.remove('complete'); let pct = 0, txt = ""; if (mode === 'test') { pct = count === 1 ? 16 : count === 2 ? 33.33 : count === 3 ? 50 : count === 4 ? 83 : 100; // MODIFICATION ICI: Mise à jour des messages pour inclure Free Shipping if (count === 1) { t[0].classList.add('active'); txt = `20% OFF applied! Add 2 more items for Buy 2 Get 1 Free + Free Shipping!`; } else if (count === 2) { t[0].classList.add('active'); t[1].classList.add('half-active'); txt = `Only 1 more item for Buy 2 Get 1 Free + Free Shipping!`; } else if (count === 3) { t[0].classList.add('active'); t[1].classList.add('active'); txt = `Buy 2 Get 1 Free & Free Shipping unlocked! Add 2 more items for Buy 3 Get 2 Free!`; } else if (count === 4) { t[0].classList.add('active'); t[1].classList.add('active'); t[2].classList.add('half-active'); txt = `Only 1 more item for Buy 3 Get 2 Free!`; } else { t.forEach(x => x.classList.add('active')); spin.classList.add('complete'); txt = `Congratulations! You unlocked Buy 3 Get 2 Free + Free Shipping!`; } } else { pct = count === 1 ? 16 : count === 2 ? 33.33 : count === 3 ? 50 : count === 4 ? 66.66 : count === 5 ? 83 : 100; if (count === 1) { t[0].classList.add('half-active'); txt = `Add 1 more eligible item to get it FREE!`; } else if (count === 2) { t[0].classList.add('active'); txt = `BUY 1 GET 1 FREE unlocked! Add 2 more items for B2G2 + Free Shipping!`; } else if (count === 3) { t[0].classList.add('active'); t[1].classList.add('half-active'); txt = `Only 1 more item for BUY 2 GET 2 FREE + Free Shipping!`; } else if (count === 4) { t[0].classList.add('active'); t[1].classList.add('active'); txt = `B2G2 & Free Shipping unlocked! Add 2 more items for BUY 3 GET 3 FREE!`; } else if (count === 5) { t[0].classList.add('active'); t[1].classList.add('active'); t[2].classList.add('half-active'); txt = `Only 1 more item for BUY 3 GET 3 FREE!`; } else { t.forEach(x => x.classList.add('active')); spin.classList.add('complete'); txt = `Congratulations! You unlocked BUY 3 GET 3 FREE + Free Shipping!`; } } fill.style.width = pct + '%'; msg.innerHTML = txt; } // Injection du conteneur HTML function ensureWrapper(mode, count) { const c = document.querySelector('.kaching-cart__contents'); if (!c) return null; let w = document.getElementById('custom-bogo-wrapper'); if (!w || w.getAttribute('data-mode') !== mode) { if (!w) { w = document.createElement('div'); w.id = 'custom-bogo-wrapper'; c.insertBefore(w, c.firstChild); } w.innerHTML = getHTML(mode); w.setAttribute('data-mode', mode); applyState(mode, count, w); } return w; } // Synchronisation avec Shopify async function syncCart() { if (isFetching) return; isFetching = true; try { const r = await fetch('/cart.js', { cache: 'no-store' }); const c = await r.json(); let e = 0, t = 0; for (let i of c.items) { const s = await getStatus(i.handle); if (s.e) e += i.quantity; if (s.t) t += i.quantity; } let m = 'none', cnt = 0; if (t > 0 || e > 0) { if (t >= e) { m = 'test'; cnt = t; } else { m = 'eligible'; cnt = e; } } state = { mode: m, count: cnt }; sessionStorage.setItem('kbogo', JSON.stringify(state)); applyState(m, cnt, ensureWrapper(m, cnt)); } catch (err) { } finally { isFetching = false; } } const debounce = () => { clearTimeout(timer); timer = setTimeout(syncCart, 250); }; // Observer pour détecter les changements const obs = new MutationObserver((m) => { let update = false, appear = false; for (let n of m) { if (n.target.id === 'custom-bogo-wrapper' || n.target.closest?.('#custom-bogo-wrapper')) continue; if (n.addedNodes.length > 0) { for (let node of n.addedNodes) { if (node.classList?.contains('kaching-cart__contents') || node.querySelector?.('.kaching-cart__contents')) appear = true; } } if (n.addedNodes.length || n.removedNodes.length) update = true; } if (appear) ensureWrapper(state.mode, state.count); if (update) debounce(); }); // Lancement ensureWrapper(state.mode, state.count); debounce(); // Sécurité Anti-Suppression setInterval(() => { if (document.querySelector('.kaching-cart__contents') && !document.getElementById('custom-bogo-wrapper')) { ensureWrapper(state.mode, state.count); debounce(); } }, 800); obs.observe(document.body, { childList: true, subtree: true }); });