Changing Shopping Cart Icon on Refresh Theme
He @Lheilers!
This is happening because there are actually 2 cart icons. One for empty cart and one for a cart with items, so when you add items to the cart, the second icon is being rendered.
You have 2 ways to fix this:
1. You change the second cart icon (you can find both cart icon files in the "snippets" folder)
a. The full cart icon file name is: icon-cart.liquid
b. The empty cart icon file name is: icon-cart-empty.liquid
2. Your second option would be to display only the empty cart icon at all times, and you can do that from the (header.liquid) file in the "sections" folder.
a. Find this code snippet, and replace all the liquid code (from "if" to "endif") with the code in the second screenshot.
Old code:
New Code:
b. Your final step would be to make the same change to the "cart-icon-bubble.liquid" file which is in the "sections" folder.
Replace these lines:
With this line of code:
If this fixes your issue, please mark my reply as a solution.
He @Lheilers!
This is happening because there are actually 2 cart icons. One for empty cart and one for a cart with items, so when you add items to the cart, the second icon is being rendered.
You have 2 ways to fix this:
1. You change the second cart icon (you can find both cart icon files in the "snippets" folder)
a. The full cart icon file name is: icon-cart.liquid
b. The empty cart icon file name is: icon-cart-empty.liquid
2. Your second option would be to display only the empty cart icon at all times, and you can do that from the (header.liquid) file in the "sections" folder.
a. Find this code snippet, and replace all the liquid code (from "if" to "endif") with the code in the second screenshot.
Old code:
New Code:
b. Your final step would be to make the same change to the "cart-icon-bubble.liquid" file which is in the "sections" folder.
Replace these lines:
With this line of code:
If this fixes your issue, please mark my reply as a solution.
