Product Box Designer: Block — Wishlist
Block — Wishlist
Wishlist adds a button to the card that allows the customer to save the product to their wishlist. It is a low-threshold action for customers who are not yet ready to buy.
What the block does
The block displays a heart icon that the customer can click to add the product to, or remove it from, their wishlist. The icon switches between a filled and an open heart depending on whether the product is already on the list.
Settings
Setting | What it does |
|---|---|
Icon color | Color of the heart icon. |
Background color | Background behind the icon button. Transparent by default. |
Border / Corner radius | Outline and rounding of the button. |
Column width | How wide the block is in the row, out of 8 columns. |
Inner spacing | Spacing inside the block. |
Outer spacing | Spacing around the block. |
How to use it
- Place the wishlist button in a fixed, recognizable spot on all cards — preferably at the top by the image or next to the title.
- Keep it discreet. The heart should be easy to find, but not compete with the purchase button.
- Set background and corner radius if you want the button to appear as a clearly clickable field instead of a free-floating icon.
Tips
- The button requires that the wishlist function is in use in the store. If it is not, the block has no effect for the customer.