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
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 %}