Overview
Growave’s Wishlist widgets let customers save products they love, view their favorites anytime, and quickly return to purchase later.
You can install and manage Wishlist widgets in Growave admin panel → Onsite widgets → Wishlist. You can adjust their design under Branding → Wishlist, and change texts and labels under Branding → Languages → Wishlist.
Add to Wishlist button
The Add to Wishlist button appears on product pages and allows customers to save items with a single click without leaving the page.
Placement options
When installed from Onsite widgets, the button is added to the Default product page → Product information block in the Shopify theme editor.
To place it manually:
Go to Shopify admin → Online store → Themes → Edit theme.
Open the product page template.
In the Template section, click Add section → Apps → Add to Wishlist button.
Save your changes.
Customer view
Customers will see one of two states:
“Add to Wishlist” state: Displays a heart icon outline. Clicking the button adds the product to the wishlist.
“Remove from Wishlist” state: Displays a filled heart icon. Clicking the button removes the item from the wishlist, and the button returns to its default state.
Wishlist counter: Shows how many times the product has been added to wishlists across your store.
📘 Note:
If the product has multiple variants, the button updates automatically when the customer switches variants.
Behavior
Real-time syncing: The button uses real-time syncing with the Wishlist floating widget and the Wishlist page. Wishlisted products remain in the list even after a webpage refresh.
Saving to a single list: If a customer hasn't created a wishlist yet, clicking the button automatically creates the Favorites list and adds an item to it. If a customer already created a wishlist, clicking the button adds an item to this list.
Saving to multiple lists: If there are two or more lists created, customers will see a Save to wishlist modal displaying their existing lists. Customers must click the wishlist icon next to the specific list name to add the product to it.
Guest user behavior: If the Require guests to provide email addresses setting is enabled, guests will be prompted to enter their email via the Save Wishlist popup before they can save items. If disabled, guest users will be able to add items to their wishlist freely. However, to save the wishlist permanently, they will need to click the Save my wishlist link located in the Wishlist floating widget.
Customization
You can customize the Add to wishlist button widget through:
Shopify theme editor: Add custom CSS directly to the Add to Wishlist button app block.
Growave admin panel: Navigate to Branding → Wishlist → General to adjust the Wishlist icon and button colors, sizes, etc.
📖 Learn more about Wishlist branding in Growave 2.0
Text customization
To edit the button labels, navigate to Branding → Languages → Wishlist → Add To Wishlist Product Page. Common keys include:
Add to wishlist
Remove from wishlist
Add to Wishlist Card
The Add to Wishlist Card widget places a wishlist heart icon directly on your product cards. Customers can save items to their wishlist straight from the listing, without opening the product page. This widget is designed for Shopify themes that support editing the product card as a block.
📘 Note: If your theme does not support adding blocks to the product card, you can still add the wishlist icon to product cards using the code‑snippet method described in How to integrate "Add to wishlist" icon into the product cards.
Placement options
To add the widget from the Shopify theme editor:
Go to Shopify admin → Online Store → Themes → Edith theme.
Open a template that displays product cards (for example, your Home page or a Collection template).
In the left‑hand panel, expand the Product list → Product card.
Click Add block → Apps → Add to Wishlist Card.
Click Save.
Once added, the heart icon appears on every product card rendered by that section.
Customer view
On each product card, customers see a heart icon overlaid on the product image:
Outline heart: The product is not yet saved.
Filled heart: The product is already in the customer's wishlist.
Counter badge can appear next to the heart, showing how many times the product has been added to wishlists across your store.
You can turn the counter on/off from Branding → Wishlist → General → Add to Wishlist button → Show wishlist counter checkbox.
Behavior
Clicking the heart adds or removes the product from the wishlist. If several wishlists exist, the product is added to the most recently created wishlist.
All saved items sync in real time across the Add to Wishlist button, the Wishlist floating widget, and the Wishlist page.
Customization
All settings are available directly in the theme editor block:
Setting | What it does |
Product | Determines which product the icon is tied to. Leave as Closest Product so the block automatically detects the product of the card it sits in. |
Position | Places the heart icon in the Top left or Top right corner of the product image. |
Counter position | Sets where the counter badge sits relative to the heart: Left of the icon, Right of the icon, Auto. |
Offset from top | Fine‑tunes the vertical spacing of the icon (in px). |
Offset from side | Fine‑tunes the horizontal spacing of the icon (in px). |
Custom CSS | Add your own CSS to further style the icon and counter. |
ShadowRoot options | Controls the rendering scope of the widget. Keep the default (Global) unless Growave support advises otherwise. |
Global styling (icon colors and shape) is controlled from Branding → Wishlist.
Wishlist floating widget
The Wishlist floating widget is a sidebar panel that customers can open from anywhere on your storefront (except the dedicated Wishlist page). It displays all saved products, supports quick actions, and helps shoppers return to their favorites without navigating away.
Placement options
Enable the widget in Growave admin panel → Onsite widgets → Wishlist floating widget.
When enabled, the widget is automatically added to all pages except the dedicated Wishlist page. The floating Launcher button can be moved to the left or right side of the screen and styled in Branding → Wishlist → Widget & Launcher.
Customer view
The widget provides a fast, convenient overview of all wishlisted items. Customers will see:
Header: The Wishlist title and a link leading directly to the Wishlist page.
Save my wishlist: A link for guest users (if saving is allowed without providing emails upfront).
Add a new list: A link to create additional wishlists.
List display area:
If there are no lists created: Displays an empty state prompting customers to create their first list.
If only one list is created: Displays a section with list title and a Pen (edit) icon without a thumbnail.
If multiple lists exist: Displays wishlists and gift registries as clickable thumbnails with titles. The currently selected list title and Pen (edit) icon are displayed under the thumbnails.
Thumbnail logic: Empty lists use placeholder thumbnail images. Lists with items added use the image of the last added product as the thumbnail.
Sharing block: Contains options to share the wishlist via link, email, and social networks.
Sort icon: Used to organize the list view.
Product cards: Displays the product image, title, average rating with review count (if the Reviews app is enabled), product price, selected variant (if any), and a three dots menu.
Add to cart button: Turns into Show in cart for items already added to the cart.
Behavior
Launcher behavior: The launcher button appears sitewide except for the Wishlist page (unless hidden entirely via Branding settings). Clicking it opens the Wishlist floating widget (also referred to as the Wishlist drawer).
Save my wishlist: Appears for non-logged in users if the Require guests to provide email addresses setting is disabled. Clicking this link opens the Save Wishlist popup where guest customers can enter their email and subscribe to updates to secure their list.
Add a new list: Clicking this link opens a modal where customers can enter a wishlist name and add recently viewed products (up to 6 products or product variants are displayed). If the Gift registry feature is enabled, customers can also select between creating a Classic wishlist or a Gift registry.
Pen icon: Clicking this opens the editing modal for the selected wishlist, offering options to:
Change wishlist name and Save changes
Delete the list
Duplicate the list
Sharing options: Clicking the Link button copies the URL to the selected list. Clicking the social media buttons copies the link and opens the relevant platform in a separate browser window.
Sort icon: Clicking this opens a dropdown menu to organize items by: Recently added, Name A-Z, Name Z-A, Price High-Low, or Price Low-High.
Three dots menu (product actions): Clicking this in the top right corner of the product image offers options based on the product:
Delete: Available for all products. Removes the item from the current list.
Move to: Transfers the item to another existing wishlist. Appears only if the user has multiple lists that do not already contain this product. Moving items from the Wishlist to Gift registry is not supported.
Options: Allows the customer to change the product variant directly within the wishlist. Appears only if the product has variants (e.g., color, size). Clicking this opens a Change product options modal.
📘 Note
All saved items sync in real-time across the Add to Wishlist button, Wishlist floating widget, and Wishlist page. Removing an item instantly updates all other wishlist widgets.
Customization
Configure the widget's appearance and launcher behavior by navigating to Branding → Wishlist → Widget & Launcher. Here you can adjust:
Launcher icon style
Position (left or right)
Style, color, and size
Visibility settings
📖 Learn more about Wishlist branding in Growave 2.0
Text customization
To edit the floating widget text, navigate to Branding → Languages → Wishlist. Common keys include:
Wishlist Drawer:
Wishlist
Add a new list
Add to cart
List is empty
You can add items to wish list by clicking
Save my wishlist
Favorites
Delete
Options
Move to
Save Wishlist popup:
Enter your email address to save your wishlist
Receive price drop and restock updates
If you have any questions or need assistance, please don’t hesitate to contact our support team at [email protected] or use the chat icon in the bottom-right corner of your Growave admin panel. We’re here to help! 🤗