HCL Commerce Version 9.1.9.0 or later

Content Carousel

The Content Carousel widget is used to display marketing content in a configurable carousel. You can use this widget to display two or more pieces of content that transition from one to the next in an image carousel. You can include scrolling controls and image counters on the widget to give customers more control over the transitions. This type of widget is commonly used at the top of a landing page.

For best results, use this widget only in a slot that spans the width of the page. Otherwise, the images overflow into adjacent widgets during each image transition.

The Content Carousel widget can display images, text, HTML, and Flash content. Avoid other types of content, such as documents or audio files, because the widget displays an empty space.

You can use this widget in a layout for any page type.

Widget properties and content

You can drag and drop the widget in the layout template you have selected.

Double click on the widget you have dropped inside the template and you will be able to modify the widget properties. A window on the right side of the screen allows you to edit the widget properties.
  • You can update the Widget Name. This name is not displayed on the storefront.
  • Click on the radio button labeled Wrap. Selecting Wrap attribute allows you to slide the screen manually in an infinite loop on the storefront, as shown in the image above.
  • Click on the radio button labeled Auto slideshow. Selecting the Auto slideshow attribute will allow an auto slide show.
  • If you select an auto slide show option, you will have to specify the Interval in milliseconds and Play direction as well. The slider will move by step-slides either forward or backwards at an interval of specified milliseconds.
  • From the Content section, you can select any one of the two methods for populating this widget:
    1. Specify marketing content
      • Click on the radio button labeled Specify marketing content to select and specify the content.
      • Click on Select Content. Select all the pages you would like to be shown on the storefront. All the selected pages will be listed below the Selected Content column on the right side.
      • To remove the selected content, click on the Delete icon given in front of the selected content.
    2. Use web activities to recommend content
      • Click on the radio button labeled Use web activities to recommend content to select the web activities.
      • Click on Select Web Activities. Select all the activities you would like to be shown on the storefront. All the selected activities will be listed below the Selected Activities column on the right side.
      • To remove the selected activity, click on the Delete icon given in front of the selected activity.
  • Click Save. The widget properties are saved successfully.