Overview
The Image Carousel element 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 it and click:
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:
Managing Images
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:
Click Action
A Click Action can be set for the Image Carousel element, controlling what happens when a customer clicks on a carousel image:
None (default) - No action is performed when a carousel image is clicked.
Open Lightbox - Opens the image in a full-screen lightbox with navigation controls when clicked.
📝 Sidebar styles (shape, border, spacing, etc.) are not reflected in the lightbox view. Crop and Rotate adjustments are included.
Setting the Layout for Device Modes
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.
All Devices
The All Devices mode contains all top-level settings for the Image Carousel. Settings configured here apply across all device types unless overridden in a specific device mode.
Set the Vertical Alignment of the carousel images
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
Enable/Disable Enable Equal Height - When enabled, all images in the carousel display at a uniform height regardless of their original dimensions
📝 Desktop, Tablet, and Mobile modes inherit the Loop and Slide Show settings configured in All Devices automatically.
Desktop, Tablet & Mobile
In Desktop, Tablet, and Mobile modes, the following style-specific settings are available:
Set the "Item per Row", "Item Spacing", and "Column size" settings
Enable/Disable Swipe Assist Arrows and/or Dots
Enable/Disable Enable Equal Height - When enabled, all images in the carousel display at a uniform height regardless of their original dimensions
📝 Column size is not available in Mobile mode.