View Product Page

Add to wishlist – General settings

All the options to configure the Add to wishlist button can be found in the plugin’s Settings section > Add to wishlist.

In the General settings section, you will be able to decide what to show when clicking on the Add to wishlist button and after a product is added to the wishlist.

Add to wishlist general settings

The option When clicking on Add to wishlist has three different options. Choose the action that will be the default one from:

  • Automatically add to the default list: the product will be added to the default wishlist without any possibility to choose a different wishlist
  • Show a modal window to allow users to choose a wishlist: this will give users the possibility to select the wishlist where they want to add the product from a popup
  • Show a dropdown to allow users to choose a wishlist: this will give users the possibility to select the wishlist where they want to add the product from a dropdown.

The option When product is added to wishlist allows choosing the modal window behavior. Choose the action that will be the default one from:

  • Automatically close the modal: this will automatically close the popup after adding the product to the wishlist
  • Leave the modal open: the popup will be kept open.

The option After product is added to wishlist allows choosing the look of the wishlist button when the product has already been added to a wishlist. Choose the action that will be the default one from:

  • Show “Add to wishlist” button: this will show the button Add to wishlist, so your customers will be able to add the plugin to multiple wishlists if they want to
  • Show “View wishlist” link: this will show the link to view the wishlist
  • Show “Remove from list” link: this will show the link to remove the product from the wishlist
  • Add to wishlist button now opens a modal to move or remove items (available only with multi-wishlist option enabled): this allows showing a modal window to remove the product or move it to another wishlist.

Loop & Product page settings

Loop settings

The plugin also allows showing the Add to wishlist button on your shop page, category pages, product shortcodes, product sliders, and all the other places where the WooCommerce products’ loop is used.

To do it, go to the Add to wishlist section and enable the following options in Loop settings:

  • Show “Add to wishlist” in loop: enable it to show the Add to wishlist button to WooCommerce products loop
  • Position of “Add to wishlist” in loop: choose the position of the Add to wishlist button in WooCommerce products loop.
Loop settings

Tip: If you want to give a special look to the Add to wishlist style, select the position On top of the image and you’ll get the following result.

Wishlist button on top of the image loop example

Product page settings

In the Product page settings, you can choose the position of the Add to wishlist button and decide whether to show the count of users related to products added to wishlists.

Product page settings
  • Position of “Add to wishlist” on product page allows you to select the position of the button among After Add to cart, After thumbnails, After summary or using the shortcode
  • Show a count of users with a specific product in wishlist allows users to know how many times the product has been added to a wishlist by other users
Wishlist user count example

Text, style & color customization

Text customization

In the section Text customization, you can configure the text to show for the different options listed below:

  • Add to wishlist” text: used to customize the button text
  • “Product added” text: to customize the text shown when a product has been added to a wishlist
  • “Browse wishlist” text: to customize the text of the Browse wishlist link
  • “Product already in wishlist” text: to customize the text shown to users when they are viewing a product already added to their wishlist
  • “Add to wishlist” popup button text: to customize the button shown in the popup
Add to wishlist text customization

Style & Color customization

In the section Style & Color customization, you will be able to set up the style and color of the button that shows on the product pages.

  • Style of “Add to wishlist”: choose from Textual (uses anchor), Button with theme style (uses the style of the theme currently used), Button with custom style (uses the settings you configure)
  • “Add to wishlist” button style: choose the colors for the Add to wishlist button also on mouseover
  • Border radius: set the radius for the Add to wishlist button
Add to wishlist style & color settings
  • “Add to wishlist” icon: select an icon for the Add to wishlist button from the dropdown (optional)
  • “Add to wishlist” custom icon: upload an icon for the Add to wishlist button (suggested px 32 X 32)
  • “Added to wishlist” icon: select an icon for the Added to wishlist button from the dropdown (optional)
  • “Added to wishlist” custom icon: upload an icon for the Added to wishlist button (suggested px 32 X 32)
  • Custom CSS: enter custom CSS to be applied to Wishlist elements (optional)
Wishlist icons settings