Why is the item count not displaying in my shopping cart?

Technical Q&A

Topic summary

A user reports that their shopping cart displays items but doesn’t show the item count number in the cart bubble indicator.

Proposed Solution:
A developer suggests adding {{ cart.item_count }} code within the cart bubble’s if-block in the header file to display the count.

Follow-up Issue:
Another user experiences the same problem despite having what appears to be correct code in their cart template file. They’ve shared their Liquid template code (which includes cart item loops and discount sections) but cannot identify why the count isn’t displaying.

Additional Notes:

  • Screenshots were referenced but appear corrupted or encoded in the original posts
  • Some service providers offered paid assistance
  • The issue remains unresolved for at least one participant
  • The problem involves Shopify theme customization using Liquid templating
Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.
1

Dear technical gurus,

Could you advise on the solution to fix the item count in the shopping cart?

I have items in the cart, but there is no number count displayed.

Any suggestion of why that is / how to fix this?

Screenshot 2021-11-18 at 10.18.50.png

My store: https://box-and-bow-nl.myshopify.com

Password: diekla

Thank you very very much!

Asta

2

Hi there!

So as the bubble already appears, when there is a product in your cart, you just need to add a line of code to display the amount of products in your cart. This line should do the trick in your header file. Put it in the if block of the cart bubble

{{ cart.item_count }}
1 Like
3

How much do you charge for a fix like that??

1 Like
4

I can fix this issue for you can reach me at contactaditya98@gmail.com

5

Hi there,

I currently have the same issue, ive checked the code and it all looks correct..so i dont quite know why its doing this? Is there anything you can suggest? it wont let me upload a screen shot so here is the coding;

{% comment %}
JS-load cart markup without bloat of a full layout.

This is used in both the mini cart drawer and cart page.
When a quantity is changed, this file is scraped and data-products
is fully replaced to account for possible cart discounts changing

The cart-wide discount div also replaces what is originally in the cart
as it can change anytime a cart-item changes
{% endcomment %}
{% layout none %}

0 %} data-cart-savings="{{ cart.total_discounts }}" {% endif %} data-cart-subtotal="{{ cart.total_price }}"> {% for item in cart.items %} {%- render 'cart-item', product: item -%} {% endfor %}
{{ 'cart.general.discounts' | t }}
{% for cart_discount in cart.cart_level_discount_applications %}
{{ cart_discount.title }} (-{{ cart_discount.total_allocated_amount | money }})
{% endfor %}

Many thanks in advance!

Jo