// Initialize with real cart data fetch('/cart.js') .then(function(r){ return r.json(); }) .then(function(cart){ updateDiscountBar(cart.item_count); }) .catch(function(){ updateDiscountBar(0); }); // Listen for Shopify cart update events document.addEventListener('cart:updated', function(e) { if (e.detail && e.detail.cart) updateDiscountBar(e.detail.cart.item_count); }); // Also listen for custom events from cart drawer quantity changes document.addEventListener('cart:refresh', function() { fetch('/cart.js') .then(function(r){ return r.json(); }) .then(function(cart){ updateDiscountBar(cart.item_count); }); }); // Poll for cart changes as fallback (every 2 seconds) setInterval(function() { fetch('/cart.js') .then(function(r){ return r.json(); }) .then(function(cart){ updateDiscountBar(cart.item_count); }); }, 2000);