The Product Comparison feature allows customers to compare products in categories or search results in side-by-side columns.

The options for enabling this feature are simple.

To set up Product Comparison:

  1. Go to Design > Product Display Settings.
  2. On the Product Comparison Page section, enable Product Comparison for use with Searches, Categories or both by selecting the appropriate box(es).
  3. Select the maximum number of products you want a customer to be able to compare. This can be between 2 and 5.
  4. Select the details you want to be displayed for each product on the comparison page.
  5. Click Save.

You can remove specific categories from Product Comparison by going into the category page, opening the Advanced Settings section, selecting the Misc tab, and selecting Product Comparison Opt-Out.

Note that the Product Comparison feature is incompatible with categories that use the Responsive Grid display mode. If you want to offer Product Comparison while using a responsive template, you must set the Product Display Mode to Lightweight Grid for all categories.

How Customers Use Product Comparison

On the storefront, a Compare check box is shown for product in the category and/or search result page being displayed.

Checking this box on two or more products on the storefront and clicking a Compare link will display the appropriate product details in columns.

The customer can remove one or all items from the comparison display by clicking Remove Item or Remove All Items.

If a customer tries to select more than the maximum number of products set, a pop-up is displayed telling them so. They can either do the compare on the selected products or change their selection.

Linking to Comparison Pages

You can use a specially designed URL to provide direct links to specially designed comparisons for marketing purposes:



indicates the product being compared (in this case, ABC-123).

If the URL contains more than the maximum number of comparison products, only the first n will be used (where n is the maximum).

Meta Tags

Meta tags are generated on the fly, based on the products being compared.

The Meta Tag Title for the Product Compare page will be :

$(WebsiteTitle) - Comparing ProductName1 vs ProductName2 vs ProductName3

The Meta Tag Description will be:

This is a comparison of several products available on $(WebsiteTitle). Currently comparing ProductName1 vs ProductName2 vs ProductName3

The Meta Tag Keywords will be:

comparison, ProductName1, ProductName2, ProductName3

Did this answer your question?