Managing compare pages
The Compare Page feature allows shoppers to select products that they want to compare against each other so they can make an informed buying choice. Compare pages are useful because they help your shoppers compare products with similar features to make an informed buying choice.
Shoppers choose products they want to compare when they view a category of products (on the Category List page) or the details of a product (on the Product Detail page). By default, shoppers can select up to five products to compare, but you can change the site setting so that shoppers can compare up to 10 products.
![Closed](../../../Skins/Default/Stylesheets/Images/transparent.gif)
Button | Description |
---|---|
Compare Pages taskbar | |
![]() |
Allows you to create a compare page. See How to create a compare page for more information. |
![]() |
Allows you to enable the compare page feature on the Storefront menu so you can create compare pages by category and locale. See Site-level Compare Page Settings attributes and How to configure the site-level compare page settings for more information. Note: Compare pages may require additional Site Design work. |
Compare Page Details taskbar | |
![]() |
Unlock the compare page. This button only appears when the compare page is locked. |
![]() |
Allows you to deploy the compare page. |
![]() |
Allows you to retire the compare page. |
![]() |
Allows you to copy the compare page. |
![]() |
Allows you to revert changes to the compare page. |
![Closed](../../../Skins/Default/Stylesheets/Images/transparent.gif)
Attribute | Description |
---|---|
ID |
The compare page's ID used internally by the system. The system assigns the ID automatically when you create the compare page. The system uses the ID to identify the compare page. A Locked |
Name |
The name of the compare page. The name does not appears on your store. To view or edit the compare page, click the name of the Compare page in the Compare Page list. See How to edit a compare page for more information. |
Supported Locales |
The supported locale associated with this compare page. |
Default Locale | The default locale associated with this compare page. |
Applies to All Categories |
Shows how this compare page lets shoppers choose products from category list pages.
|
State |
The state of the compare page. The available statuses are as follows:
|
![Closed](../../../Skins/Default/Stylesheets/Images/transparent.gif)
Attribute | Description |
---|---|
Compare Pages |
Choose one of the following options:
|
Maximum Number of Products to Compare | Select the maximum number of products to compare. |
![Closed](../../../Skins/Default/Stylesheets/Images/transparent.gif)
Button | Description |
---|---|
Deploy |
Allows you to deploy one or more compare pages. When you create or change a compare page, the compare page is not available on your site until you deploy it. You must deploy the compare page every time you change the compare page for that change to appear on your store. You can deploy one or several compare page at the same time. See How to deploy a compare page for more information. |
Revert Changes |
Allows you to revert the Important: When you revert changes, you essentially undo any changes made to the See How to revert changes to compare pages for additional information. |
Copy | Allows you to copy the compare page. See How to copy compare pages for more information. |
Retire | Allows you to retire a compare page that you no longer need. Compare pages remain active in your store until you retire them. Shoppers cannot see a retired compare page in your store. If you retire a compare page and later decide to use it again, you must first copy the retired compare page and then modify that copy to be a new offer. See How to retire a compare page for more information. |
Unlock | When clicked, unlocks a selected item.Store Builder Locking feature and How to lock or unlock a compare page for more information. |
Lock | When clicked, locks a selected item. See the Store Builder Locking feature and How to lock or unlock a compare page for more information. |
![Closed](../../../Skins/Default/Stylesheets/Images/transparent.gif)
When you first create a compare page, the basic settings for the compare page appears.
Attribute | Description |
---|---|
Name | Enter the name of the compare page. |
Description | Enter a description of the compare page. Shoppers will not see this description on your site. |
Locales | Select the locales that you want the compare page to support. Also, select the default locale for the compare page. For each locale you select, the compare page will appear on the Product Detail pages (for the products you have chosen to compare) within that locale. |
Categories |
Choose one of the following options:
|
Categories | |
Remove | Remove one or more selected categories. |
Add | Add a category. |
Category ID |
The category's ID. |
Category Name |
The category name used internally by the system. |
![Closed](../../../Skins/Default/Stylesheets/Images/transparent.gif)
You can create feature groups that contain products with similar attributes that your shoppers can compare against each other.
Attribute | Description |
---|---|
Available Features | Lists the available features. |
Feature Groups | Lists the available feature groups. |
Create Group | Click this button to create a feature group. |
![]() |
Click to edit the group options. |
![]() |
Click to delete the group. |
![]() |
Click to move a group down. |
![]() |
Click to move a group up. |
![Closed](../../../Skins/Default/Stylesheets/Images/transparent.gif)
Attribute | Description |
---|---|
Options |
Select one or more of the following options:
|
Group Name |
Enter the name of the group if you want the name to appear on the compare page viewed by the shoppers on your site. |
Additional Content | Enter additional information if you want the information on the group to appear on the compare paged viewed by the shoppers on your site. |
![Closed](../../../Skins/Default/Stylesheets/Images/transparent.gif)
The Review step shows the contents of the compare page.
![Closed](../../../Skins/Default/Stylesheets/Images/transparent.gif)
Attribute | Description |
---|---|
Version | Select the version of the compare page you want to view. |
Description | A description of the compare page. |
Default Locale | Appears when you view the Compare Page Details page. |
Supported Locale | Appears when you view the Compare Page Details page. |
Locales |
Select the one or more locales and a default locale to associate with this compare page. Appears when you edit the Configuration pane. |
Categories |
When you view the Compare Details page, the field shows one of the following options:
When you edit the Configuration page, choose one of the following options:
|
Remove |
Allows you to remove selected categories associated with compare page. Appears when you edit the Configuration pane. |
Add |
Allows you to add the categories that you want to associate with this compare page. You cannot add a category to the same locale in more than one compare page. You cannot add more than 10 categories. Appears when you edit the Configuration pane. |
Category ID | The category's ID. This field only appears when you select the Select Categories option for Categories. |
Category Name | The name used to identify the catalog within Global Commerce. Shoppers will not see this name in your store. This field only appears when you select the Select Categories option for Categories. |
![Closed](../../../Skins/Default/Stylesheets/Images/transparent.gif)
- Select Storefront, Store Builder, and then click Manage Compare Pages. The Compare Pages page appears.
- Click Settings.
- Select Enabled or Disabled.
- Select the number of products you want to allow the shopper to compare from the Maximum Number of Products to Compare list.
- Click Save.
![Closed](../../../Skins/Default/Stylesheets/Images/transparent.gif)
Prerequisite: Contact your Store Operations team if you want to enable this feature for your site. See Compare Pages for information on enabling this feature.
- Create a compare page. See How to create a compare page for instructions.
-
Add the compare page CSS to the style used in your store. See How to add a Compare Page CSS to a style for instructions.
Best Practices: Add the CSS to the style used by the Category List and Product Detail pages in your store.
-
Add code to the content layout you created for the Category List page to ensure the compare feature works correctly. See How to edit your custom content layout for Compare Pages for instructions.
Requirement: Perform this step when a store does not use the default content layout for the Category List page.
![Closed](../../../Skins/Default/Stylesheets/Images/transparent.gif)
- Select Storefront, Store Builder, and then click Manage Compare Pages. The Compare Pages page appears.
- Select the checkbox next to one or more compare pages with the Design state from the Compare Pages list and click Deploy. A message appears and indicates the system successfully deployed the compare page.
![Closed](../../../Skins/Default/Stylesheets/Images/transparent.gif)
- Select Storefront, Store Builder, and then click Manage Compare Pages. The Compare Pages page appears.
- Select a checkbox next to a compare page in the Compare Pages list and click Revert Changes.
![Closed](../../../Skins/Default/Stylesheets/Images/transparent.gif)
- Select Storefront, Store Builder, and then click Manage Compare Pages. The Compare Pages page appears.
- Select a checkbox next to a compare page in the Compare Pages list and click Copy.
- Enter a new name for the compare page in the New Page Name Field.
- Click Current Site or select a site from the list to copy the new compare page to a specific site.
- Click Save. A message appears indicating the system successfully copied the compare page.
![Closed](../../../Skins/Default/Stylesheets/Images/transparent.gif)
- Select Storefront, Store Builder, and then click Manage Compare Pages. The Compare Pages page appears.
- Select a checkbox next to a compare page in the Compare Pages list and click Retire. A message indicates the system successfully retired the custom page.
![Closed](../../../Skins/Default/Stylesheets/Images/transparent.gif)
- Select Storefront, Store Builder, and then click Manage Compare Pages. The Compare Pages page appears.
-
Select a checkbox next to a compare page in the Compare Pages list and click Lock or Unlock.
![Closed](../../../Skins/Default/Stylesheets/Images/transparent.gif)
- Select Storefront, select Store Builder, and then click Create Compare Page. The Configuration step Create Compare Page wizard appears.
- Complete the fields on the Configuration step and click Next. See Configuration for a description of these fields. The Groups step appears.
- Click Create Group. The Group Options dialog appears.
- Complete the fields in the Group Options dialog and click Done.
- From the Available Features lists, click a feature set and drag the features you want to use to compare products to the feature group box where it says "Drag Features Here."Continue adding features until the group contains all the features you want shoppers to see when they compare products in a group.
-
Select a feature in a feature group choose one or more of the following options:
- Use the Move Up
and Move Down
icons to move a feature up or down in the feature group list. The features appear to the shopper in the order they appear here.
- Click Delete Group to delete a feature group.
- Use the Move Up
- Repeat steps 2 through 6 for each additional feature group.
- Click Next. The Review step appears.
- Review the compare page you created and then click Finish. The Compare Pages page appears.
- Deploy the compare page. See How to deploy a compare page for instructions.
![Closed](../../../Skins/Default/Stylesheets/Images/transparent.gif)
- Select Storefront, select Store Builder, and then click Manage Compare Pages. The Compare Page appears.
- Click the name of the compare page under the Name column in the Compare Pages list. The Compare Page Details page appears.
-
Click Edit in the Configuration pane.
- Complete the Name and Description fields.
- Select one or more default locales and a default locale.
- Choose one of the following options for Categories: All Categories or Select Categories.
- If you chose Select Categories, click Add to add categories complete the fields or click select the fields you want to remove and Click Remove.
- Click Save.
-
Click Edit in the Groups pane, complete the fields and click Save.
- Click Done. The Compare Pages page appears.