Show number of different products in cart instead of total

Hi @remi

this needs some medications in cart, header and vendor.js files in order to make the update work automatically.

I will keep you updated

Kind regards,

Thanks in advance! 🙂

Hi @remi

I am back with step by steps tutorial to change the total items to total products in cart icon on the top & cart page.

• From your Shopify dashboard click Online store > Actions > Edit code
• Open the file header.liquid
• Change this code

{{ cart.item_count }}

• With this one

{{ cart.items.size }}

• Click Save
• Open the file cart-template.liquid
• Change this code

 <div class="cart-subtotal">
<span class="cart-subtotal__title">{{ 'cart.general.subtotal' | t }}</span>
<span class="cart-subtotal__price" data-cart-subtotal><span class="money">{{ cart.total_price | money_with_currency }}</span></span>
</div>

• With this one

 <div class="cart-subtotal hide">
<span class="cart-subtotal__title">{{ 'cart.general.subtotal' | t }}</span>
<span class="cart-subtotal__price" data-cart-subtotal><span class="money">{{ cart.total_price | money_with_currency }}</span></span>
</div>
<div>
<span class="cart-subtotal__title">Total products: </span>
<span class="cart-total-item"><strong> {{ cart.items.size }} </strong></span>
</div>

• Click Save
• Now change all your vendor.js content with this one
• Click Save

Best regards,
Katrine

Hi Katrine @plaktheme,

This is very cool and works great 🙂 Thank you so much for another fantastic experience. So happy to have Plaktheme! 👍 😍 

Have a great weekend!

Remi