`; for (let i = 0; i < 3; i++) { html += `

✓

${tiers[i].top}

${tiers[i].mid}

${tiers[i].bot}

`; } return html + `

Calculating...

`; } // Affichage des états visuels function applyState(count, wrapper) { if (!wrapper) return; if (count === 0) { 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 (count === 1) { t[0].classList.add('active'); t[1].classList.add('half-active'); pct = 20; txt = `20% OFF & Free Shipping applied! Add 2 more items to unlock Buy 2 Get 1 Free!`; } else if (count === 2) { t[0].classList.add('active'); t[1].classList.add('half-active'); pct = 40; txt = `20% OFF & Free Shipping applied! Add 1 more item to unlock Buy 2 Get 1 Free!`; } else if (count === 3) { t[0].classList.add('active'); t[1].classList.add('active'); t[2].classList.add('half-active'); pct = 60; 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'); pct = 80; txt = `Buy 2 Get 1 Free & Free Shipping applied! Add 1 more item to unlock Buy 3 Get 2 Free!`; } else { t.forEach(x => x.classList.add('active')); spin.classList.add('complete'); pct = 100; txt = `Congratulations! You unlocked Buy 3 Get 2 Free + Free Shipping!`; } fill.style.width = pct + '%'; msg.innerHTML = txt; } // Injection du conteneur HTML function ensureWrapper(count) { const c = findContainer(); if (!c) { console.warn('[BOGO] Conteneur introuvable.'); return null; } let w = document.getElementById('custom-bogo-wrapper'); if (!w) { w = document.createElement('div'); w.id = 'custom-bogo-wrapper'; w.innerHTML = getHTML(); c.insertBefore(w, c.firstChild); } applyState(count, w); return w; } // Synchronisation avec Shopify — calcul parallèle et isolé async function syncCart() { if (isFetching) return; isFetching = true; try { const r = await fetch('/cart.js', { cache: 'no-store' }); const c = await r.json(); const results = await Promise.all( c.items.map(async (item) => { try { const eligible = await getStatus(item.handle); return eligible ? item.quantity : 0; } catch (e) { return 0; } }) ); const count = results.reduce((s, q) => s + q, 0); state = { active: count > 0, count }; sessionStorage.setItem('kbogo', JSON.stringify(state)); applyState(count, ensureWrapper(count)); } catch (err) { console.warn('[BOGO] syncCart échec', err); } finally { isFetching = false; } } const debounce = () => { clearTimeout(timer); timer = setTimeout(syncCart, 250); }; // Observer pour détecter les changements du panier const obs = new MutationObserver((mutations) => { let update = false, appear = false; for (let n of mutations) { 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.nodeType !== 1) continue; if (CONTENT_SELECTORS.some(sel => node.matches?.(sel) || node.querySelector?.(sel))) appear = true; } } if (n.addedNodes.length || n.removedNodes.length) update = true; } if (appear) ensureWrapper(state.count); if (update) debounce(); }); // Lancement ensureWrapper(state.count); debounce(); // Sécurité Anti-Suppression setInterval(() => { if (findContainer() && !document.getElementById('custom-bogo-wrapper')) { ensureWrapper(state.count); debounce(); } }, 800); obs.observe(document.body, { childList: true, subtree: true }); } // Démarre immédiatement si le DOM est prêt, sinon attend if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initBogo); } else { initBogo(); } })();

Your Cart

Currency