Versions Compared

Key

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


Multiexcerpt
hiddentrue
MultiExcerptNameFeature Title

Product Compare Functionality

Overview

...

MultiExcerptNameFeature Overview


Excerpt

Product Compare

...

gives your customers the ability to compare the features of

...

products 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 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.

...

Select what is displayed 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 Added


2.

...

Image Removed

Step-by-step guide

To Enable Product Compare:

...

Run product compare

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

Image Added

Info
titleProduct Descriptions in 'Products to compare' panel

Product description/name defaults from one of these fields, with the following priority:   

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

2. Product Title, if available, 

Image Added

3. Product Description.

If Product maintenance mode is ERP, this is integrated from the ERP. If mode is Web and the product was added online, the description entered when the product was created is used. It cannot be edited on your site. 

Image Added

See: Product Maintenance



3. View products side by side:

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

Image Added


Enable Product Compare

1. Add for Product Search results

This step enables Product Compare and adds the functionality to Product Search results.

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

  2. Scroll

...

  1. to Zone: Content After

...

  1.  and click 

...

  1. Add Widget

...

  1. .

  2. Search

...

  1. for Product Compare

...

  1.  and click 

...

  1. Add

...

  1. Widget.

...


  1. Click Edit

...

  1. on the widget to configure options.

...

  1. See: Product Compare Widget.

    Image Added

  2. To save the changes, click Save.

2. Add for Product List page

Complete this step to add product compare to a product list (category) page using the Product List Item Zoned template.

  1. Go to Content Pages & Templates.

  2. Select the Product List Item Zoned template.

    Image Modified 

  3. Scroll

...

  1. to Zone Footer

...

  1.  and click 

...

  1. Add Widget

...

  1. .

  2. Search

...

  1. for Product List Compare

...

  1.  and click 

...

  1. Add

...

  1. .

...


  1. Image Added

3. Refresh

...

cache

...

 

 The Product Compare feature is now enabled on the website.

 

 

...


  1. Go to SettingsCache Management.

  2. Clear Product Cache
    Image Added




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:

...

Go to ContentPages & Templates 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

...

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

Contact CV Support

...

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

...


Third Party Costs


Multiexcerpt
MultiExcerptNameThird Party Costs

n/a

...

Multiexcerpt
MultiExcerptNameCMS Category

 

...



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