How to setup ?

Created by Justin Nguyen, Modified on Thu, 18 Aug 2022 at 11:04 PM by Justin Nguyen

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?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article