A user purchased Header 10 from Section Store and is experiencing a cart drawer display issue. The cart icon consistently shows (0) items even after products are added.
When clicking “add to cart,” the button confirms the item was added, but the header icon only updates after manually visiting the cart page and returning. The user has attempted multiple code fixes without success.
Root cause identified: The new header section has changed the DOM structure, preventing the theme’s JavaScript from locating and updating the cart count element via AJAX. The add-to-cart functionality works, but the live count update fails.
Proposed solutions:
Contact Section Store support for assistance with their product
Modify the theme’s add-to-cart AJAX code to trigger header cart icon updates
Implement custom JavaScript to update the cart count element after add-to-cart events fire
One responder provided specific code snippet to paste in a Custom Liquid section in the Footer
Multiple offers from developers to fix the issue
Status: Unresolved; awaiting user action to either contact original vendor or hire developer assistance.
Summarized with AI on October 27.
AI used: claude-sonnet-4-5-20250929.
So, since I bought the header 10 from section store, I’ve been having a few issues. Current one is the following: my cart drawer in the header, always shows (0), regardless of how many products have been added.
However, when I click “add to card”, it says next to the button “1 added to cart”, but icon remains (0). Then, when I click on the cart icon, it shows its content and when I leave the cart page, then the icon finally displays (1).
What should I do?
I tried maaaany things in the code but couldn’t fix it
I’m guessing the cart quantity isn’t getting updated live and you need to refresh the page to see the updated cart quantity, you probably will have to make some code changes in your header file where your cart quantity is located at so that the quantity gets updated live, since it’s not only possible with CSS only so if you’re not familiar with coding then I would highly recommend you to hire a Shopify developer who can help you out with that.
Feel free to connect with me and I would be more than happy to fix that for you,
Well I think you should ask the section store about it.
btw if you are good with code then try to find the theme atc button ajax code. Once found go to its success function and trigger the header cart icon with ajax so it displays the correct count at the same time.
They need to be coupled using AJAX. Implementation will vary based on theme being used. If it was working before the new section was purchased, you can likely recycle the native theme functionality to achieve it.
Your cart count issue is a common Shopify problem where the header cart icon doesn’t update when items are added via AJAX. The count only refreshes when you actually visit the cart page.
The fix involves adding a small JavaScript function that updates the cart count element after items are added. We need to find your cart count element in the header code and make sure it gets updated when the add to cart event fires.
We’d love to fix this for you completely free. It’s a quick 5-minute fix once we locate the specific code in your theme files. Just send us access and we’ll get it working properly right away.
Let us know if you’d like us to handle this for you.
