Overview
The Image Carousel section can be found in the "Images" category of the page section library or by searching for it:
Once the Image Carousel section has been added to your page, the Image Carousel popup will be shown where you can start adding images from your Image Library:
📝Up to 50 images can be added to the carousel.
To access the Image Carousel settings from the page builder, hover over the section and click the ✏️ button located in the top-left corner of the element:
Adding Images
Click the "Add Images" button to start adding images to the image carousel:
In the "Image Library" popup, select the images you want used in the carousel (up to 50 images) by clicking on each one. Once all desired images are selected, click the "Confirm" button:
Images can be managed at any time by clicking on the Image Carousel element and then on the "Manage Images" button in in the sidebar:
There you can add additional images (1), delete existing images (2) and rearrange the images via drag and drop (3):
Images added to the carousel can also be edited individually by clicking directly on an image element in the the builder, then using the "Image" settings available in the sidebar:
Setting the Layout for Desktop, Tablet and Mobile
In the "Layout" tab of the image carousel element's settings, you can set the layout and options you'd like used when the carousel is displayed on different device types.
Desktop
In Desktop mode the following options and settings are available:
Set the "Items per row", "Item spacing" and "Column size" settings
Enable/Disable Swipe Assist Arrows and/or Dots
Enable/Disable Loop
Enable/Disable a Slide Show setting, to have the images in the carousel cycle through at a pre-set time: None, 2 sec, 5 sec, 10 sec, Custom
📝Tablet and Mobile modes inherit the "Loop" and "Slide Show" settings set in Desktop mode automatically.
Tablet
In Tablet mode the following options and settings are available:
Set the "Items per row", "Item spacing" and "Column size" settings
Enable/Disable Swipe Assist Arrows and/or Dots
Mobile
In Mobile mode the following options and settings are available:
Set the "Items per row" and "Item spacing" settings
Enable/Disable Swipe Assist Arrows and/or Dots