View Product Page

General settings

All the options to configure the “Add to wishlist” button actions can be found in the Settings > Add to wishlist tab. In the General settings section you can configure the general actions that are triggered when a user clicks the “Add to Wishlist” button.

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:

  • Show a notice: select this option if you want to show a notification after a product is added to the wishlist.
Notice after adding a product to the wishlist
Product added to wishlist notice
  • Show a modal window: select this option if you would like to show a modal window when a product is added to the wishlist.
Add to wishlist modal
Product added to wishlist modal window

If you select this option, you will be able to choose the modal window behavior through the Modal closure options. You can decide whether to automatically close the modal or leave it open.

Modal closure options

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
  • Show a modal window 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.
Move wishlist modal window
Move to another wishlist modal window

Loop & Product page settings

You will find the options to configure the position and display of the “Add to wishlist” button specifically on the WooCommerce’s loop and Product page in the Settings > Add to wishlist tab.

Loop settings

From the Loop settings section you enable to show 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. Then, you can set the position, icon style and counter options:

Loop options
  • 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. You can choose On top of the image, before “add to cart” button, after “add to cart” button or use a shortcode.

If you select the position on top of the image, you can also configure the following options:

Top of the image position options
  • Position on product image: select in which part inside the product image you wish to show the “Add to wishlist” icon. You can choose top left, top right, bottom left or bottom right.
  • Icon style: choose whether to show the wishlist icon permanently inside the product image or only when the user hovers the mouse over the product.
  • Show a count of users with a specific product in wishlist: enable if you want to show users a counter that displays how many times the product has been added to the wishlist.

Product page settings

You can configure the ‘Add to wishlist’ button position and counter options in the Product page settings:

  • Position of the add to wishlist on product page: choose in which part of the product page to show the “Add to wishlist” button or link. You can choose from after “add to cart” button, after thumbnails, after summary or use a shortcode.
  • Show a count of users with a specific product in wishlist: enable if you want to show users a counter that displays how many times the product has been added to the wishlist.
Wishlist counter example