Skip to end of metadata
Go to start of metadata


Product Compare functionality gives your customers the ability to compare the features of every product on your website.  

The user selects up to 3 products to be compared, and the features are presented side-by-side in a popup window. The user can add the products to their cart here (assuming the product is available for purchase), or they can close the window and browse for further products to compare. 

The comparison data is drawn from metadata (stored online or in the ERP), as well as any product features maintained in the CMS. 

1. Selection of products:

2. The comparison window:

Step-by-step guide

To Enable Product Compare:

  1. In the CMS, navigate to Content → Theme Layout.

  2. Scroll to 'Zone: Content After' and click Add Widget.

  3. Search for 'Product Compare' and click Add.

  4. Click Edit on the widget to configure options. Tick the options you wish to display in the comparison window*.

  5. Click Save save changes and exit.

  6. Navigate to Content Standard Pages.

  7. Select the Product List Item Zoned template.


  8. Scroll to 'Zone Footer' and click Add Widget.

  9. Search for 'Product List Compare' and click Add.

  10. Refresh the Template cache by navigating to the site's Dictionary (Dictionary.aspx).

  11. Tick the 'Templates' option and click Refresh Cache

 The Product Compare feature is now enabled on the website.

If both the dictionary and browser have been refreshed and the feature is still not displaying, check that the site is using Zoned Product Layout (most sites are configured this way by default).

1. Navigate to Content → Standard Pages and select the Product List template. Edit the 'Product List Grid' widget and ensure 'Use Zoned Product Layout' & 'Use Zoned Category Layout' are ticked. If not, tick and click Save.

2. Check Campaign products if applicable: Navigate to Content → Standard Pages and select the Home Page template. Edit the 'Campaign Slider' widget and ensure 'Use Zoned Product Layout' is ticked. If not, tick and click Save.

Additional Information

Custom product fields can also be added to the Product Compare grid if required. This can be done by contacting Commerce Vision.

Minimum Version Requirements




Self Configurable


Business Function


BPD Only?




Ballpark Hours From CV (if opting for CV to complete self config component)

Contact Commerce Vision

Ballpark Hours From CV (in addition to any self config required)

Contact Commerce Vision

Third Party Costs


CMS Category

Related help