Remove cart icon Brooklyn them

Solved
New Member
4 0 0

How can I remove the cart icon from all pages and replace with a simple item count like "X Items" so the 'X' is the number of items added to basket?

0 Likes
Highlighted

Success.

Shopify Expert
2127 354 445

Hi @kfoggan 

Follow this:

1. Open Section->header.liquid->find 1st {% if cart.item_count > 0 %} and comment whole code in this <a> tag and add bellow code in <a>

 

<span class="cart_c">{{ cart.item_count}} Items</span>

So it look like:

 

 

                <a href="/cart" class="site-nav__link site-nav__link--icon cart-link js-drawer-open-button-right good" aria-controls="CartDrawer">
                   {% comment %}
                      <span class="icon-fallback-text">
                        <span class="icon icon-cart" aria-hidden="true"></span>
                        <span class="fallback-text">{{ 'layout.cart.title' | t }}</span>
                      </span>
                      <span class="cart-link__bubble{% if cart.item_count > 0 %} cart-link__bubble--visible{% endif %}"></span> -->
                    {% endcomment %}
                    <span class="cart_c">{{ cart.item_count}} Items</span>
</a>

2. Open Asset->theme.js->find "theme.cache.$cartBuggle.addClass" and add this code above this condition:

 $('.cart_c').text(cart.item_count+" Items");

So it look like:

   $('.cart_c').text(cart.item_count+" Items");
    // Show cart bubble in nav if items exist
    if (cart.items.length > 0) {
      theme.cache.$cartBuggle.addClass('cart-link__bubble--visible');
    } else {
      theme.cache.$cartBuggle.removeClass('cart-link__bubble--visible');
    }

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like