View Product Page

Compare button

Through the Compare button options available in the General settings, you can define the button and comparison table style and actions.

Compare button options
  • 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;
  • Link/Button label for products in comparison: enter the text to let users know the product has already been added to the comparison table;
Label for products already added to comparison table
  • Show compare in: select the pages where the compare button will show by choosing from Shop page, Product pages or Both;
  • Open comparison table: you can show the comparison table in overlay or in a page.

Comparison table in overlay

Comparison table in overlay

By choosing to open the comparison table in overlay, you can also decide when to show it 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 selects the first product: the comparison table will automatically open when users add a product for the comparison by clicking on the related button, link, or checkbox;
  • The user selects a second item: the comparison table will automatically open when users add a product to the list when it already includes more than one product.
Comparison table in overlay

Comparison table in a page

Comparison table in a page

By choosing to open the comparison table in a page, you can select the Compare page automatically created by the plugin or use a different page by making sure to include the [yith_woocompare_table] shortcode in the page selected from the dropdown.

Compare page