Custom banner that shows if cart is over 2000€

Goal

Display a banner if the cart is over 2000€.

Resulting section:

Custom HTML code:

<div id="cart-banner" class="tw-hidden tw-px-3 md:tw-px-5 tw-mb-4">
  <div class="tw-bg-black tw-text-white tw-p-4 tw-text-center tw-font-semibold tw-rounded-md">
    <span>🎉 Congratulations! Your cart has reached 2000€!</span>
  </div>
</div>

<script>
  function updateCartBanner() {
    const cart = window.EliteCart.getCurrentCart();
    const banner = document.getElementById('cart-banner');
    
    if (cart && banner) {
      if (cart.total_price >= 200000) { // 2000€ = 200000 cents
        banner.classList.remove('tw-hidden');
      } else {
        banner.classList.add('tw-hidden');
      }
    }
  }
  
  // Initial update
  updateCartBanner();
  
  // Listen for cart changes
  window.EliteCart.onCartChange(updateCartBanner);
</script>