Free settings

Once you enable it, the plugin adds an “Add to wishlist” button on all the products of your shop.

From the General Settings tab, you can enable AJAX loading to load Wishlist shortcodes and widgets that may be cached.

From the Add to wishlist Settings tab, you can configure all the options related to the add to wishlist button, including General settings, Loop settings and Product page settings.

General settings

From the General settings section, you can decide what to show after a product is added to wishlist:

• Show “Add to wishlist” button
• Show “View wishlist” link
• Show “Remove from list” link

Loop settings

From the Loop settings you can you can configure how to display the “Add to wishlist” button on shop pages, category pages, product shortcodes, product slider and all the other places where the WooCommerce products’ loop is used.

The available settings are:

• 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 chose from On top of the image, Before “Add to cart” button, After “Add to cart button” or Use a shortcode.

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.

Product page settings

In the Product page settings section, you can choose the position of the “Add to wishlist” button on the product page.

You can choose from after “add to cart” button, after thumbnails, after summary or use a shortcode.

Once you enable the plugin, a “Wishlist” page is generated on WordPress: it includes the “[yith_wcwl_wishlist]” shortcode that provides the insertion of the table of all products added to the wishlist.

You can show the wishlist on any page of your site, different from the one selected by default. You can configure the wishlist page settings from Settings > Wishlist page.

Please note: the page you choose to use as the “wishlist” page must necessarily include the “[yith_wcwl_wishlist]” shortcode.

In case you had issues to display the “wishlist” page, regenerate the permalinks.

After picking the main Wishlist page, you can move on to configure the Wishlist detail page settings on the next section. Click here to read more about it.

From the Wishlist detail page settings available in Wishlist page tab, you can:

• Decide which info to show in the wishlist page table
• Configure “Add to cart” options from the wishlist page
• Set up wishlist sharing options

Let’s go over each one:

What to show in the wishlist table

The plugin makes available a list of options to let you decide what you want to show in the wishlist table. These options are:

• Product variations selected by the user (example: size or color)
• Product price
• Product stock (show if the product is available or not)
• Date on which the product was added to the wishlist
•  Add to cart option for each product
• Icon to remove the product from the wishlist – to the left of the product
• Button to remove the product from the wishlist – to the right of the product

“Add to cart” options from the wishlist page

The site admin can choose what happens after the user adds a product to the cart from the wishlist.

The options are:

• Redirect to cart: redirect to cart page if Add to cart button is clicked in the wishlist page
• Remove if added to the cart”: remove the product from the wishlist if it has been added to the cart

Share wishlist

If you enable the Share wishlist option, you will be able to select the socials in which users can share their wishlist.

Depending on your selection, the socials will show in the wishlist page like in the example below:

YITH Add to Wishlist

The shortcode [yith_wcwl_add_to_wishlist] loads the content of the “add-to-wishlist.php” template (the file is in the “templates” folder of the plugin), and prints the “Add To Wishlist” button in the front end.

Shortcode attributes are:

• ‘wishlist_url’: (string) the URL of the page that contains the wishlist; it is showed only if the product is already in the wishlist.
• ‘product_id’: (int) the ID of the product to add to the wishlist with the button.
• ‘label’: (string) the label to show inside the button.
• ‘browse_wishlist_text’: (string) the label of the button that redirects to the wishlist. This is showed when the product is already in the wishlist.
• ‘already_in_wishslist_text’: (string) the label showed when the product is already in the wishlist.
• ‘product_added_text’: (string) the “product added” label, which is showed when a product is added to the wishlist.
• ‘icon’: (string) the icon to show in the button (selected among the ones of font-awesome).
• ‘link_classes’: (string) possible classes that can be added to the button. If it is a real button, the default class is “add_to_wishlist single_add_to_wishlist button alt”, if on the contrary is plain text, the default class is “add_to_wishlist”.

YITH Wishlist Table

Shortcode [yith_wcwl_wishlist] loads the content of the “wishlist.php” template (the file is in the “templates” folder of the plugin), to make appear the wishlist in the page.
Shortcode parameters are:

• ‘per_page’: (int) the number of elements per page (the default value is 5)
• ‘pagination’: (string: yes/no) it sets whether to paginate the wishlist; in case this parameter is set to “no”, the attribute “per page” will not be considered
• ‘wishlist_id’: (int) ID of the wishlist to show; the system will automatically choose which wishlist to show if no ID is specified
• ‘action_params’: (string) used to alter the output of the shortcode; shouldn’t be used normally
• ‘no_interactions’: (string: yes/no) “yes” disables any interactive element of the wishlist

YITH WooCommerce Frequently Bought Together allows you to suggest a group of selected products on the product page to encourage users to buy more products and offer them at a discounted price also.

Thanks to the integration between both plugins (premium of YITH Frequently Bought Together and premium + free of YITH Wishlist), it’s possible to add a slider to the wishlist page showing products that are frequently bought together with the items added to the wishlist.

Once you have activated both plugins, a new menu will appear within the Frequently Bought Together plugin settings > Slider in Wishlist.

• Slider title: add the title to the slider with the frequently bought together products.
• Number of products: choose the maximum number of products displayed in the slider when the browser has its widest width.
• “Add to cart” button label: choose the label for the “Add to cart” button in the slider.
• “Wishlist” button label: choose a label for the “Wishlist” button in the slider.
• Each product in slider shows: show which product info will be displayed in the slider. You can choose from product image, name, price, variation and rating.

On the wishlist page you will see the slider with linked products and the added options.

For all information about the functioning of YITH WooCommerce Frequently Bought Together, we suggest you read the official documentation of the plugin.

YITH Wishlist 4.0 includes new React components to improve the plugin performance, so if you would like to take advantage of them you will have to convert them:

When clicking in the related message, you will get a popup which will give you the possibility to either preview the React templates in your site, convert them directly, or not proceed until next update.

If you click on preview, a new tab will open where you can test how the components work on your site:

After testing, you can decide whether to proceed and convert the PHP Templates to React or close the preview and continue using the PHP version.