Allow customers to add items to their wishlist directly from your collection pages (e.g., your main shop page or category pages).
Upon activating the GP Wishlist & Upsell Suite app in your store, a wishlist icon is automatically added to each product card on your collection pages.
This allows customers to save items with a single click while browsing your products.
Supported Themes
This automatic placement feature is optimized to work seamlessly with all modern, free Shopify themes, including:
- Dawn
- Sense
- Fresh
- Craft
- Ride
- Studio
- Publisher
- Crave
What to Do If the Icon Doesn’t Appear
If the wishlist icon is not visible, it is likely because your store uses a custom or third-party theme. Not a problem—you can easily resolve this by using the Custom CSS Class option to manually target your product cards.
- Select the Use custom CSS class name checkbox.
- Enter the CSS class name used for product cards in your theme. You can find this by using your browser’s “Inspect” tool or contacting your theme developer.
Customization
From the app’s settings, navigate to the Collection Page Wishlist Button section.
Here, you can customize the button’s appearance specifically for product cards on collection pages.
- Button Color: Sets the color of the icon/text.
- Button Background Color: Sets the background color of the button.
- Button Alignment on Product Card: Choose to align the button to the Left or Right.
Use the Display wishlist button on collection page toggle to Show or Hide the button across all collections.