This guide shows you how to customize the main wishlist page, controlling its appearance and how customers interact with it.
Quick Setup: Configure Wishlist Page in App Settings
Go to your Shopify Admin and click Apps.
Find and open the Wishlist Plus app.
Choose the Features** section from the left panel.
Under the Features section, navigate to Settings to customize the wishlist page.
From here, you can customize the main wishlist interface:
Appearance: This setting controls how the wishlist is displayed when a customer opens it. You can choose from three types:
Side Drawer: The wishlist slides in from the side, allowing customers to view their list without leaving their current page.
Separate Page: Takes customers to a dedicated, full page for their wishlist.
Pop-up: The wishlist appears in a pop-up window over the current page.
Page Title: Edit the title text that is displayed at the top of the wishlist (e.g., change "My Wishlist" to "My Favourites").
Launch From:
Header: Adds a wishlist icon next to your cart button.
Floating Button: Adds a floating button that stays visible on the page.
Navigation: Adds a "Wishlist" link to your main menu.
Other Settings
Enable Wishlist Sharing: Turn this on to allow customers to share their wishlist with friends and family via a unique link. This can help drive new traffic to your store.
Advanced Customization: Using the Theme Editor
To make further customizations, click Go to Theme Editor.
Here, you can make advanced changes to the wishlist's appearance:
Button & Text Colors: Edit the background color for the button and the text background on the wishlist page.
Header & Footer: Configure the background and text colors for the wishlist's header, footer, and pop-up notifications.
Corner Radius: Adjust the corner radius by dragging a slider to create rounded corners.
Pop-up Notification Placement: Select the placement for the wishlist pop-up notification from the options: Left, Centre, or Right. This also applies if multiple wishlists are enabled.
Drawer Position: If the wishlist is configured as a slide-out drawer, you can position it on either the right or left side of the screen.
Once you've made all your changes, click Save.