Change the Cart Count to Show the Right Number of Products

• Product Options
• 2.0
• Basic liquid knowledge required
• 15 Minutes

Product Options can create visually hidden products in the Shopify store. These "hidden products" can be linked to an option to affect the total price. When the priced option is selected that option product is added to the cart and adds its value to the order total.

To change the cart count to show the same number of products, follow these steps:

1. From Shopify's admin, select Online Store.

   

2. Select Actions.

   

3. Select Edit code.

   

4. Under "Snippets", ensure bold-cart.liquid and bold-cart-items.liquid exist.

   Note: If any of these snippets don't exist, refer to Product Options Snippet Files for help adding them.

   

5. Under "Layout", select theme.liquid.

   

6. Add:

   {% include 'bold-product' %}

   right before the </head> tag if it does not already exist.

   

7. Change all instances of:

   cart.item_count

   to:

   bold_cart_item_count

   

8. Select Save.

   

That's it!

Note: This will make the number of items in the cart match the number of main products but once the customer enters the checkout the customer will see each option appear as its own product. Unfortunately, we have no control over the Shopify checkout.

Next Steps:

• Add a Tooltip to Product Options
• Change the Order of Product Options
• Change the Placement of Product Options

Blog Posts:

• We've got swatches! Plus other new releases for your Product Options app
• Editable Options in the Cart!
• Offer Gift Wrapping on Shopify