View Product Page

Menu

With the plugin, you can add an entry to your menu that your users can use to open the modal window with the comparison table.

Go to the WordPress menu section, add a customized menu entry and assign it to the yith-woocompare-open class.

comparemenu

Shortcode & widget

Shortcode – Compare button

If you’re building your product pages using a page builder, you may need to show the “Compare” button using a shortcode. You can use this one:

[yith_compare_button]

Compare button shortcode

 

Widget – list of products

The YITH WooCommerce Compare widget shows the list of the products that users have added to the comparison table.

comparewidget

 

Table settings

To edit the settings related to the comparison table go to YITH > Compare > Settings > Table settings.

Table settings - free version

Here you will find the following options:

  • Table title: the title of the table which shows only if the comparison table is set as a modal window;
  • Fields to show: product fields to add to the table. Every time you create a new attribute on WooCommerce, it will be available in this line.
    The field arrangement can be modified with a drag-and-drop action of the available entries;
  • Repeat “Price” field: by enabling this option, the price of each product will be replicated in the related column in the lowest part of the table;
  • Repeat “Add to cart” field: by enabling this option, the add to cart button will be replicated in the related column in the lowest part of the table;
  • Image size: the size of the product images in the comparison table.
    If you encounter difficulties with the correct displaying of the images, we suggest you regenerate the product images.

General settings

General settings - free version

  • Link or Button: choose whether to use a link or a button to let your users add a product to the comparison table;
  • Link/Button text: the text of the link and/or the button used to add the products to the comparison table;
  • Show button on the single product page: show/hide the button on the product detail page;
  • Show button in products list: show/hide the button on the Shop page;
  • Open automatically lightbox: by enabling this option, the modal window of the comparison table will automatically open when users will add a product for the comparison by clicking on the related button.

General notes

The plugin allows your users to compare two or more products of the shop by adding them to the comparison table through a specific button available on the shop page and/or on the product detail page.

Shop page

Product page
Product page

The products will be shown to the user in a comparison table displayed on the page as a popup.

Popup