Shoppers scanning a collection often spot several products they like at once. Without an icon on the card, they have to click into each product, save it, then back out — that’s four clicks per save. With heart icons on the cards, it’s one tap. You’ll see more saves and get a clearer picture of what’s catching shoppers’ eyes.
Turn the icons on
The icons live inside the app embed and are on by default.
Go to Online Store > Themes > Customize
Open App embeds in the left sidebar
Click Wishlist
Make sure Show wishlist icon on product cards is checked
Click Save
Pick where the icon sits on the card
In the same Wishlist app embed settings, pick a position:
Top right — Default. Visible without covering the product image.
Top left — Use this if your sale or “new” badges sit in the top right.
Bottom right — Sits near quick-add buttons if your theme has them.
Bottom left — Lowest visual interference.
Adjust the look
In the same panel you can change:
Icon style — Heart, star, bookmark, or plus
Icon size — Separate ranges for desktop and mobile
Padding and stroke width — Fine-tune spacing and outline weight
Fill style — Outline + filled, filled only, or outline only
Background — None, circle, or rounded square behind the icon
Colors — Default, hover, and saved colors
Decide what the first click does
Go to Wishlist > Storefront to pick how the icon reacts when a shopper saves a product:
Add to default list — The product saves to the default wishlist instantly. Fast and frictionless.
Ask which list — A small picker appears so the shopper can choose a list. Use this if you’ve turned on multiple lists.
Decide what clicking an already-saved icon does
Same screen, second option:
Toggle — Removes the product from the wishlist.
Show message — Confirms the product is already saved with a link to view the wishlist. Safer against accidental removals.
Open dropdown — Lets shoppers move the item between lists.