Widget Use

Gives the user various layout options to choose from when viewing a list of products.

 

Example of Widget Use

Following is an example of the widget in use:

 

Where can the Widget be placed?

The widget can be used in the following templates:

 

Widget Options

OptionUseCommentsAvailable from Version
DescriptionA short description of the widget's use.We recommended this field be updated so the widget's purpose is clear at a glance from the template page.All
LayerThe layer the widget is valid for.

The layering technology allows for the content to be shown to specific audiences.

This is handy if the content is only valid for a certain type of user, or if the same widget is required for more than one audience, but different configuration is needed.

The widget can be added to the zone more than once and the layer feature can determine which audience can see each widget. 

All
List Types

The layout options offered to the user, in comma-separated format. You can feature up to 3 different types. Choose from:

  • Grid
  • List
  • DetailList
Default is: Grid,DetailedListAll
List Prompts

The labels for the layout options offered to the user, in comma-separated format. The order should correspond to the List Types offered. Common labels:

  • Grid
  • List
  • Detailed List
Default is: Grid,ListAll
List IconsThe icons displayed to the left of each list prompt, in comma-separated format. The order should correspond to the List Types offered.Default is: cv-ico-general-layout,cv-ico-general-listAll
List ClassesThe class applied to the wrapping container for each list type, in comma-separated format. The order should correspond to the List Types offered.Default is: grid,detailed-listAll
Use Default List Types?Determines whether the default list types specified for B2B vs B2C are used for those audiences.If there is more than 1 of this widget on the page, please only set this for one of them.All
B2B Default ListThe default list layout for B2B users who have not already selected or changed their list type.Default is: DetailedListAll
B2C Default ListThe default list layout for B2C users who have not already selected or changed their list type.Default is: GridAll
Container Class / IDThe element class or ID which wraps the list.

Default is: #product-grid

Refer to your site's style guide for options.

All
Auto Scroll To Top?Determines whether the user is automatically scrolled to the top of the page after changing the list type.

Default is: unticked

Tick to enable

All
Scroll Container Class / IDThe element class or ID to scroll to during auto-scroll.Default is: #product_display_containerAll
Scroll SpeedThe speed at which the page scrolls to the top of the list. It can be represented with words like slow or fast, or in milliseconds (600).Default is: fastAll
Show On Mobile?Determines whether the widget is displayed on a mobile device. If unticked, the layout switch will be hidden on mobile devices.

Default is: ticked

Untick to disable

All

 

 

Other Widgets