Page tree
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 pop-up 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. Login to the CMS.
  2. Navigate to Content → Theme Layout.
  3. Scroll to 'Zone: Content After' and click 'Add Widget'.
  4. Search for 'Product Compare' and click 'Add'.
  5. Click 'Edit' on the widget to configure options. Tick the options you wish to display in the comparison window*.
  6. Click 'Save' to exit and save changes.
  7. Navigate to Content Standard Pages.
  8. Select the Product List Item Zoned template.
  9. Scroll to 'Zone Footer' and click 'Add Widget'.
  10. Search for 'Product List Compare' and click 'Add'.
  11. Refresh the Template cache by navigating to the site's Dictionary (Dictionary.aspx).
  12. Tick the 'Templates' option and click 'Refresh Cache'


 The Product Compare feature is now enabled on the website.



TIP: 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 InformationCustom product fields can also be added to the Product Compare grid if required. Follow this guide to add a your custom field (usually prefixed with 'CUS_') to the 'GetProductComparisonInformation-append' field group.

Minimum Version Requirements




Self Configurable


Business Function


BPD Only?




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

Contact CV Support

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

Contact CV Support

Third Party Costs


CMS Category