Hello everyone,i use impulse theme so in my cart bubble its show just the color not the numbers.How can i add that,and numbers should be on the white color.
Topic summary
A user working with the Impulse theme wants to display item count numbers in their cart bubble, which currently only shows a color indicator.
Initial Solution Attempt:
- A helper provided CSS code to be added before
</body>intheme.liquid - The code targeted
.cart-count-bubblewith white color styling - This solution did not work for the user
Further Investigation:
- After reviewing the store’s backend, the helper identified that the cart count HTML wasn’t being generated from the backend
- Additional custom coding would be needed beyond simple CSS
Current Status:
- The helper attempted a more complex solution involving modifying the cart icon link structure with Liquid code to render cart count spans
- However, they were unsuccessful in implementing a working solution
- The issue remains unresolved, with the helper apologizing for being unable to fix the problem
Hello @VisarK
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Hello @Tech_Coding it doesnt work, i tried
can you share URL?
bubble count html is not coming from backend see that’s why it not showing. you have to do some coding.
Which coding should i do ?
@Tech_Coding Are you joking with me? Im here to help me and you said you need coding,for coding im her
apologize for that I had try to solve the problem with this code
{%- liquid if cart == empty render 'icon-cart-empty' else render 'icon-cart' endif -%} {{ 'templates.cart.cart' | t }} {%- if cart != empty -%}
{%- if cart.item_count < 100 -%}
{{ cart.item_count }}
{%- endif -%}
{{ 'sections.header.cart_count' | t: count: cart.item_count }}
{%- endif -%}
but I’m not successful in it.
sorry again 