View Product Page

Labels

From the Customization tab you can configure the style and labels for the plugin options. In this post we’re going to see how to customize the labels for:

Customize labels tab

Add to wishlist

From this section you can set the labels related to when a user adds, moves or removes a product from the wishlist

Add to wishlist labels
  • 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
  • “Remove from wishlist” text: customize the text to remove a product from the wishlist.
  • “Browse wishlist” text: to customize the text of the Browse wishlist link
  • “Product already in wishlist” text: 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
  • “Move to another wishlist” text: to customize the text for the tooltip to move the product from one wishlist to another

Wishlist page

From this section you can customize the labels from the wishlist page options

Wishlist page labels
  • Default wishlist title: default title of the wishlist page if users do not enter a new one
  • “Create wishlist” page name: the title that will be used for Create wishlist page
  • “Manage wishlist” page name: the title that will be used for Manage wishlist page
  • “Search wishlist” page name: the title that will be used for Search wishlist page
  • “Add to cart” text: text for the Add to cart button in the table included in the wishlist page
  • Sharing title: the title of the wishlist when you share it in Twitter (X) and Pinterest
  • Social text: write the message that is published when sharing the wishlist in Twitter (X) and Pinterest
  • “Add to cart” text: the text for the “Add to cart” button in the wishlist

Multi-wishlist

From this section you can set the texts related to when unlogged users try to use the multi-wishlist options.

Multi wishlist labels

Please, keep in mind that this section appears only if you have enabled the multi-wishlist feature only for authenticated users. You can refer to this page for more information about it.

Ask for an estimate

Ask for an estimate labels
  • “Ask for an estimate” button label: customize the title for the “ask for an estimate” button
  • “Additional notes” textarea label: customize the tittle for the “Additional notes” area

Shortcodes

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.
  • ‘exists’: (boolean) it states if the product is already in the wishlist.
  • ‘product_id’: (int) the ID of the product to add to the wishlist with the button.
  • ‘product_type’: (string) it can take the values simple, variable or grouped depending on the product type (the default value is simple).
  • ‘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”.”
  • ‘available_multi_wishlist’: (boolean) it states whether the multiwishlist feature is enabled.

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

Widgets

The plugin has two widgets: YITH Wishlist Lists and YITH Wishlist Items.

  • YITH Wishlist Lists widget inserts in the sidebar the complete list of wishlists created by the user who is visiting the page.
    With the same widget, also the creation link, editing and search of the wishlist can be shown.
Wishlist list widget
  • YITH Wishlist Items widget inserts in the sidebar the complete list of products currently added and available in the user’s wishlists.
wishlist items widget

This widget has different options that you can configure as you wish. You can choose to show:

  • an extended or a mini widget
  • the items count
  • only the items added to the default wishlist
  • the Add all to cart button
  • the View wishlist link
Wishlist items widget

 

Blocks

The plugin is ready to use with the WordPress block editor. When you add a new post or page, you will be able to find our YITH shortcodes and widgets. With a simple click, they will be added to your page.

Gutenberg blocks

YITH Add to wishlist

This block allows you to show the Add to wishlist button. When using this block, you can set the options shown in the image below.

Add to wishlist block

YITH Wishlist

This block allows you to show the Wishlist page. When using this block, you can set the options shown in the image below.

Wishlist block

YITH public wishlist link

This block allows you to show the wishlists set as public.

Convert to React templates

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:

Convert to react messages

When clicking in any of them, 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.

Convert to react popup

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

Preview mode to test React components

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.

Cache issues

Here is a list of possible cache issues and the related solutions:

– the Add to wishlist button remains the same even after the product has been added to the wishlist
– The list and/or item widget doesn’t show the updated content

Solution: enable the new option “Enable AJAX loading” that loads items in AJAX on document ready, bypassing the cache

– the wishlist page shows a not-updated content
– the wishlist page is always empty
– the wishlist page includes products that haven’t been added

Solution: add the wishlist page to the cache exclusions of any type (server, plugin, etc.). It is good practice to add the wishlist/* URL to the exclusions to exclude all the endpoints.

Cookie

Wishlists created by unregistered users have an expiration and are deleted if the user doesn’t access them for too long.
To recover those wishlists from the database, the plugin uses a cookie that associates a session_id to the user.

Even the cookie could cause issues on some hostings (e.g. WP Engine). It is important to ask to disable the cache when the cookie is set.

GDPR and Privacy Policy

To learn more about what data are store on your website when you install YITH Wishlist plugin, please, refer to the text that you can find when creating/editing your Privacy Policy page. Go to WordPress > Settings > Privacy and create a new page or edit an existing one.

Then, click on the View Privacy Policy Guide link where you can find all informative texts by all the plugins you’ve installed.

You will be able to copy the text you’re interested in and save it in your Privacy policy page.

This is specifically the one printed by YITH Wishlist plugin:

Please, consider that the above sample text includes the basics around what personal data your store may be collecting, storing and sharing, as well as who may have access to that data. Depending on what settings are enabled and which additional plugins are used, the specific information shared by your store will vary. We recommend consulting with a lawyer when deciding what information to disclose on your privacy policy.

Elementor

With Elementor you can easily add 4 widgets to a page or template.

  1. Wishlist Lists; where the customer’s different wishlists are displayed
  2. Wishlist items; a small list or Quickview which can be added to a side-bar, for example.
  3. Add buttons; when you create a product template, you can add the ‘add to wishlist’ button in your new and preferred position.
  4. Wishlist; this is the actual wishlist in table format as shown in the image below.

YITH Color, Image & Label Variation Swatches for WooCommerce

YITH Color, Image & Label Variation Swatches for WooCommerce allows you to create custom attributes for the variations of products available in your shop. There are three types of attributes that are added to the standard WooCommerce ones:

  • Color
  • Label
  • Image

Integration with YITH Color, Image & Label Variation Swatches for WooCommerce

By activating both of the plugins, customers will be able to add to cart the variable products they have added to their wish list. They can select the variation they are interested in, in the wishlist.

YITH WooCommerce Customize My Account Page

YITH WooCommerce Customize My Account Page helps you customize your “My Account” page in a few simple steps , adding new sections and editing the default WooCommerce one.

Integration with YITH Customize My Account Page

Combining these two plugins you will have the chance to edit all the information in the “My Wishlist” tab (title, icon, content and position) in the My Account page, directly from the admin panel of Customize My Account Page.

By simply activating both plugins, the endpoint will be added automatically. The customer will be able to see the ‘My Wishlist’ tab in their my account page.

Integration with YITH Customize My Account Page