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 happens with variants
A product card doesn’t say which size or colour the shopper wants. Under Products with several variants, pick what the icon does when a product has more than one:
Ask which variant — Default. A small picker appears with the product’s variants, and the shopper’s choice is what gets saved. Use this when the variant matters, so the wishlist can add exactly that item to the cart later.
Save the first variant without asking — The product saves in one click with its first variant. Use this when the wishlist is a list of products to come back to, and the shopper picks size or colour on the product page — for example wholesale buyers saving models to order from later.
Products with a single variant always save in one click, whichever option you choose.
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.