How to setup ?

General Settings

  • Enable: Enable or disable the compare products app as you like.
  • Page or Popup: the comparison table can be shown as a popup or within a page. Select ‘popup’ if you don’t want your users to leave the page where they are, select ‘Page’ if you prefer showing the comparison table on a dedicated page.
  • Add to Compare Text: the text of the link and/or the button used to add the products to the comparison table
  • Remove from Compare Text: the text of the link and/or the button used to remove the products from the comparison table
  • Max products to Compare (Desktop): the maximum amount of products to be compared on desktop
  • Max products to Compare (Mobile): the maximum amount of products to be compared on mobile
  • Not Available Text: The text for an attribute, if no value was found for a product.

Compare Bar Settings

  • Compare Bar Layout: choose layout of the compare bar.
    • Layout 1
    • Layout 2
  • Compare Bar Position: choose position of the compare bar (top or bottom).
  • Compare Bar Text Color: choose color of compare bar text.
  • Compare Bar Background Color: choose background color of compare bar.
  • Compare Bar Height: set the height of the compare bar.
  • Compare Bar Width: set the width of the compare bar.
  • Compare Bar Item Height: set the width of the items on compare bar.
  • Image Size: set size of product’s images on compare bar.

Data To Compare Settings

  • Title
  • Price
  • Compare at price
  • Type
  • Vendor
  • Product Options
  • Variants

Compare Table Settings

  • Hide Similarities: if enabled, the rows of the table with similar value will be highlighted
  • Highlight Differences: if enabled, the rows of the table with different value will be highlighted
  • Slides to Show: number of slide to show
  • Slides to Scroll: number of slide to scroll
  • Show dots: show dots or not
  • Show Arrows: show arrows or not
  • Make it Infinite: infinite loop sliding
  • Compare Table Text Color: choose color of the text on the compare table.
  • Compare Table Background Color: choose background color of the compare table.
  • Compare Table Odd Background Color: choose background color of odd rows on the compare table.
  • Compare Table Even Background Color: choose background color of even rows on the compare table.
  • Compare Table Highlight Background Color: choose background color of highlighted rows on the compare table.

Was this article helpful?

Related Articles

Leave A Comment?