Shopping Cart Icon changes when products are added/removed

Store Design
,

Topic summary

A store owner is experiencing an issue where their custom shopping cart icon reverts to Shopify’s default bag icon whenever items are added to or removed from the cart. The custom icon displays correctly during normal browsing but switches back during cart updates.

Root Cause Identified:
When products are added to the cart, the cart count update triggers a full re-render of the icon, replacing the custom image with the default one. This is a JavaScript functionality issue rather than a CSS styling problem.

Proposed Solutions:

  • For Dawn-based themes: Replace SVGs in cart-icon-bubble.liquid and cart-notification-product.liquid files
  • Modify the renderContents function in cart-notification.js to update the image source for the cart notification element

Additional Issues Noted:

  • Email popup close button is hidden behind the masthead
  • JavaScript errors present in browser console (F12)
  • Apps like Yotpo and Fivy gift-cards causing script conflicts

The discussion remains open with technical guidance provided but no confirmed resolution yet.

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.
3

Would you be able to help us within our javascript functionality? I’ve tried to have it triggered when an event like “open drawer” happens but I don’t think it’s full correct, therefor not working.