Cart Counter
The live item-count badge on the cart icon, updating instantly as the cart changes.
Last updated
How to use
Place this component in your nav — most often nested inside the Cart Trigger component.
Style the badge with
Font,Color,BG,Border, andRadius.Toggle
When 0toHidethe badge when the cart is empty, orShowto always display it — this only affects the live site; the canvas always previews0.
How the count is calculated
Cart Counter sums quantities across cart lines, but it doesn't just count every line item — only lines flagged to count toward it are included. That means a Product Cross-Sell Toggle item can be excluded from the badge via its own Show in Counter setting, so the number on the badge can legitimately read lower than the number of physical line items sitting in the cart.
The count updates the instant an item is added, then settles once Shopify confirms — so it's normal to see the number adjust slightly before the page has fully caught up.