Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

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

Selection of products:

Image RemovedImage Added

The comparison window:

Image RemovedImage Added

Step-by-step guide

...

  1. Login to the CMS.
  2. Navigate to 'Layouts' --> 'Templates'.
  3. Select 'Theme Layout'.
    Image RemovedImage Added
  4. Scroll to 'Zone Content After' and click 'Add Widget'.
  5. Select 'Product Compare' and click 'Add'.
  6. Click 'Edit' on the widget to configure options. This is where you determine the fields to be displayed in the comparison window*.
    Image RemovedImage Added
  7. Click 'Save' to exit and save changes.
  8. Navigate to 'Layouts' --> 'Templates'.
  9. Select 'Product List Item Zoned'.
  10. Scroll to 'Zone Footer' and click 'Add Widget'.
  11. Select 'Product List Compare' and click 'Add'.
    Image RemovedImage Added
  12. Refresh the Template cache by navigating to 'Settings' --> 'Dictionary'.
  13. Tick the 'Templates' option and click 'Refresh Cache'
    Image RemovedImage Added

 

 The Product Compare feature is now enabled on the website.

...

Tip

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 'Layouts' -> 'Templates' and click 'Product List'. Click 'Edit' on the 'Product List Grid' widget and ensure 'Use Zoned Product Layout' & 'Use Zoned Category Layout'are ticked. If not, tick and click 'Save'.
Image RemovedImage Added

2. Check Campaign products if applicable: Navigate to 'Layouts' -> 'Templates' and click'Home Page'. Click 'Edit' on the 'Campaign Slider' widget and ensure 'Use Zoned Product Layout' is ticked. If not, tick and click 'Save'.
Image RemovedImage Added

NOTE - Custom 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.

...