Versions Compared

Key

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


Multiexcerpt
hiddentrue
MultiExcerptNameFeature Title

Product Compare Functionality

Overview

Excerpt

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. Their features are presented side-by-side in a popup window. They can add a product to cart here (if it is available for purchase) or close the window and browse for further products to compare. 


Multiexcerpt
hiddentrue
MultiExcerptNameFeature Overview

Let site users compare up to three products, with their features presented side-by-side. Products can be added to cart from here. 


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



Panel

On this page:

Table of Contents


Customer Experience

 

1.

...

Select products:

The user ticks the Add to Compare checkbox for each product to compare.

Image Modified


2. Run product compare

The user checks selected products are correct, then clicks Compare Selected.

Image Modified

Info
titleProduct Descriptions

The description of a product in the 'Products to compare' section defaults from one of these fields, with the following priority:   

1. Product's image description if available, 
Image Modified

2. Product Title, if available, 

Image Modified

3. Product Description.

Image Modified

See: Product Maintenance



3. View

...

products side by side:

What product information is included is set in the Product Compare Widget.

Image Modified


Step-by-step guide

To enable Product Compare:

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

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

  3. Search for Product Compare and click Add Widget.

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

    Image Modified

  5. To save the changes, click Save.

  6. Navigate to Content Standard Pages.

  7. Select the Product List Item Zoned template.

    Image Modified 

  8. Scroll to Zone Footer and click Add Widget.

  9. Search for Product List Compare and click Add.

    Image Modified

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

  11. Tick the Templates option and click Refresh Cache
    Image Modified


 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.

Image Modified

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.

Image Modified


Additional Information


Multiexcerpt
MultiExcerptNameAdditional Info

Custom product fields can also be added to a Product Compare grid. Contact Commerce Vision.


Minimum Version Requirements


Multiexcerpt
MultiExcerptNameMinimum Version Requirements

03.75.00


Prerequisites


Multiexcerpt
MultiExcerptNamePre reqs

--


Self Configurable


Multiexcerpt
MultiExcerptNameSelf Configurable

Yes


Business Function


Multiexcerpt
MultiExcerptNameBusiness Function

Website User Experience


BPD Only?


Multiexcerpt
MultiExcerptNameBPD Only

Yes


B2B/B2C/Both


Multiexcerpt
MultiExcerptNameB2B/B2C/Both

Both


Third Party Costs


Multiexcerpt
MultiExcerptNameThird Party Costs

n/a



Related help

Content by Label
showLabelsfalse
max5
spacesKB
showSpacefalse
sortmodified
reversetrue
typepage
cqllabel = "product" and type = "page" and space = "KB"
labelskb-how-to-article

Content by Label
showLabelsfalse
max5
spacesKB
showSpacefalse
sortmodified
reversetrue
titleRelated widgets
typepage
excludeCurrenttrue
cqllabel = "widget" and space = "KB" and title ~ "\"product compare\""
labelskb-how-to-article