<script type="text/javascript">
fetch('/cart.js').then(res => res.json()).then(cart => {
// Configure mutation observer
const observer = new MutationObserver((mutations, self) => {
// Try to grab the cart button badge element
const cartButtonBadge = document.getElementById('cart-button-badge')
// Once element exists, perform update
// Based on the item count, render the badge
// This will differ based on your theme
if (cart.item_count > 0) {
// Make the badge visible
cartButtonBadge.classList.remove('hidden')
// Update the count value
cartButtonBadge.innerHTML = cart.item_count
// Hide the button badge element
cartButtonBadge.classList.add('hidden')
self.disconnect() // End observing
observer.observe(document, {