The information on this page relates to beta testing within the DXP

This documentation includes information for selected beta testers within the DXP. DO NOT use this unless you have been instructed to do so.

Image slider

Use the image slider component to display a set of images on your web page.

Add the component to your page

When you are editing your page using page-builder:

Add a component to your page by clicking the widgets Add component button or by adding a content block (by clicking the add_circle button) then clicking the add component button.
Locate the image slider component within the component browser and then click the Select button.
This will add the image slider component to your page.

image slider fields

Select the images you wish to include in your image slider. Click the add_circle Add button and select an image from your CMS to add to the slider. You can add multiple images this way.
Sets the maximum height for the image slider component.
When enabled the slider will loop your images like a carousel.
(Optional) This allows you to add a unique ID into the HTML markup to the instance of the component so that you can add custom styling and functionality using CSS and javascript respectively.
(Optional) This allows you to add a class into the HTML markup to the instance of the component so that you can add custom styling and functionality using CSS and javascript respectively.