Add-to-wishlist toggle button for product cards and pages. Heart icon with customisable styling and animation.
The Wishlist Icon widget displays a small icon (typically a heart) that customers click to add the current product to their Goose Commerce wishlist. It is designed to sit on product cards within the Product Grid or on the Product Details page, providing a quick save-for-later action.
| Setting | Description | Default |
|---|---|---|
| Icon | The icon for the wishlist toggle: Heart, Bookmark, Star | Heart |
| Icon Size | Size of the icon in pixels | 20px |
| Active Colour | Icon fill colour when the product is wishlisted | #EF4444 |
| Inactive Colour | Icon colour when the product is not yet wishlisted | #9CA3AF |
| Show Tooltip | Display a tooltip on hover | Enabled |
| Tooltip Text (Add) | Tooltip when product is not wishlisted | Add to Wishlist |
| Tooltip Text (Remove) | Tooltip when product is already wishlisted | Remove from Wishlist |
| Guest Behaviour | What happens when a guest clicks: Prompt login or Allow (session-based) | Prompt Login |
Place the Wishlist Icon in the top-right corner of product cards in the Product Grid so customers can save items while browsing. Add it to the Product Details page near the Add to Cart button as an alternative for customers not ready to purchase immediately.
