Cart bubble count not visible when cart quantity reached to 100 or more

[remz1234]

Hi, does anyone encountered this kind of display error? When my cart bubble count reaches to 100 or 3 numbers, the count doesn't display but if the cart quantity is less than 100 or only two numbers, it displays. 

Store url: https://www.brinnova.com/

[Dan-From-Ryviu · Accepted solution]

Hi @remz1234 

You can solve it by editing the code below in Sales channels > Online Store > Themes > click "..." in Current theme > Edit code > open header.liquid file

            {%- if cart.item_count < 100 -%}
              <span aria-hidden="true">{{ cart.item_count }}</span>
            {%- endif -%}

Please change it to this and save your file

              <span aria-hidden="true">{{ cart.item_count }}</span>

[remz1234]

Hi @Dan-From-Ryviu, I figured out with this code :

<div class="cart-count-bubble">
<span aria-hidden="true">
{%- if cart.item_count > 99 -%}
99+
{%- else -%}
{{ cart.item_count }}
{%- endif -%}
</span>
<span class="visually-hidden">
{{ 'sections.header.cart_count' | t: count: cart.item_count }}
</span>
</div>

Thanks!

[Dan-From-Ryviu]

Very welcome. 

[Brielle]

Thanks. That's a wonderful response

[Dan-From-Ryviu]

Happy I could help!