The four blocks
A save button, a heart for collection cards, the wishlist page, and a floating counter - each optional, each doing one job.
Last updated July 28, 2026
Four blocks, added independently. You do not need all of them, but they are designed to work together - a shopper who saves from a collection card needs the counter to find their list again.
Wishlist button
On the product template, near add-to-cart. Four styles: an outlined button with a label, a full-width one, a heart-only round icon, or plain text. It shows the saved state as a filled heart rather than only a colour change, because most storefront accents are near-black and a colour swap alone reads as nothing happening.
Wishlist heart (card)
Dropped inside a product card, so it appears on collection and search pages. You place it yourself in the theme editor, exactly where you want it on the card. It saves the product, never a size.
Wishlist page
Goes on a normal Shopify page. It lists everything the shopper saved, with a link back to each product, an add-to-cart button where a size was chosen, and a remove link. Where no size was chosen, it says “Choose a size” and sends them to the product instead of guessing.
Wishlist counter
An app embed, so it appears on every page rather than only the template you remembered to add it to. It stays hidden until the shopper has saved something - a counter reading zero is an advert for an empty feature parked on top of your storefront.