View Product Page

General notes

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

Shop page
Shop page
Product page
Product page

The products will show in a comparison table displayed on the page in overlay.

Comparison table - free version

General settings

The General settings section is where you can find all the compare-related and button-related options that will be globally applied.

General settings - free version
  • Compare style: use this option to choose whether to use a button, a link or a checkbox to let users add a product to the comparison table;
Compare button
Button
Compare link
Link
Compare checkbox
Checkbox
  • Link/Button label: enter the text to show for the link or button;
  • Show compare in: select the pages where the compare button will show by choosing from Shop pageProduct pages or Both;
  • Show table when: decide when to show the comparison table based on one of the following user’s actions:
    • The user manually clicks on view anchor: the comparison table will open when users click on the anchor to view the products added to the list;
    • The user adds a product to the list: the comparison table will automatically open when users add a product for the comparison by clicking on the related button, link, or checkbox.

Comparison table settings

To configure the settings related to the comparison table, go to YITH > Compare > Settings > Comparison tables.

Table options - free version

Here you will find the following Table options:

  • Table title: enter the title to show for the tables.
Table title

The available options in Table content are:

Table content - free version
  • In comparison table show:  enable all the fields you want to show as rows in the comparison and choose their order by a drag-and-drop action;
  • Image format: select the format to use for the images. You can use the original format or the thumbnail of which you can set the size through the option Image size.
Image format - free version

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 products that users have added to the comparison table.

Widget - free version

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

Preview

The plugin automatically provides a preview of the products added to the comparison list so that users don’t need to open the table if, for example, they need to remove one or more products.

Comparison table preview