Change the wishlist button

Choose how shoppers open their wishlist, as a floating button, a menu item or a header icon, and how the wishlist button looks on product and collection pages. Both are on the Button settings tab.

Choose how shoppers open the wishlist

The launch point is the button or link in your store that opens the wishlist.

1. In the app, go to Settings › Button settings.

2. Under Launch point type, choose how the launch point shows on your site, then set the options below it.

3. Check the preview on the right, then click Save.

   

• As a floating button: the launch point shows as a button.
• As a menu item: the launch point shows as Wishlist in your navigation menu.
• Add to your header menu: the launch point shows as an icon in your header.
• Choose a placement point for the button on your site: where the button shows, for example Bottom Right.
• Button Text, Button Background Color and Button Text/Icon Color: the text and colors of the launcher.
• Display the Wishlist module as: open the wishlist in a Pop up window or on a Separate page.
• Select view: the default wishlist view for your storefront, for example List.

Change the button on product and collection pages

1. On the same tab, under Wishlist button type, choose a style: text with or without the heart icon, with or without a border, or the heart icon alone.

2. Under Button, set the Button/Icon color and the Background color. These are the colors before a shopper adds the product to their wishlist.

3. Under Button labels, enter the text for Before Adding to Wishlist and After Adding to Wishlist.

4. Check the preview on the right, then click Save.