Code to have my cart icon like the one on this site

Topic summary

Main goal: replicate a cart icon that displays the item count (like brokenplanet.com) on a Shopify store.

Key actions:

  • Helper requested theme code and advised editing header.liquid to show “Cart {{ cart.item_count }}” and also updating cart-icon-bubble.liquid (the badge template).
  • Initial changes didn’t appear; it only showed after a cart-add, navigate to cart, then remove item. Helper identified the correct place in header.liquid via screenshots; after editing there, the display worked.

Current issue:

  • The cart count does not update live when adding items; it only refreshes after clicking the cart.
  • Cause: the “add to cart” click event is managed by a third-party app, so the theme’s count isn’t being updated by the app’s JavaScript.

Outcome and next steps:

  • Cart label now displays with item count after correct edits in header.liquid and cart-icon-bubble.liquid.
  • For real-time updates, contact the app’s support or integrate the app’s add-to-cart events to trigger the badge update.

Notes:

  • Screenshots were central to pinpoint the exact code location.
  • Discussion partially resolved; live update behavior remains open pending app-side changes.
Summarized with AI on February 1. AI used: gpt-5.

I have… heres what i did