Hey guys,
I want to add a cart icon to my cart drawer, the icon should only be displayed when it is empty, how do I do that?
Can someone help me?
I use the Refresh Theme
Topic summary
Goal: show a cart icon in the cart drawer only when it’s empty on Shopify’s Refresh theme.
Proposed approach:
- Prepare an SVG version of the cart icon.
- In the theme code: Actions > Edit code > Snippets > icon-cart-empty.liquid.
- Update that file to render the SVG in the empty state (the provided screenshot highlights the exact location).
Context/terms:
- SVG is a scalable vector image format, ideal for theme icons.
- The cart drawer is the slide-out mini-cart; the icon should appear only when no items are present.
Artifacts:
- A screenshot is included to indicate where to edit; no explicit code snippet was shared in-text.
Status/outcome:
- One clear guidance post provided; no confirmation from the requester on success.
- Thread appears open, with potential need for conditional logic or CSS details if further issues arise.
1 Like
Hi @Aihaam ,
First, you need to have SVG icon for it.
Then, go to Actions > Edit code > Snippets > icon-cart-empty.liquid file and change code here:
Hope it helps!