Galleries can be displayed in two options, carousel or grid. The carousel option replaces the old slider. The images are placed in a rotating carousel with titles and descriptions placed on top. Carousel Galleries are defined in the Advanced section of the Gallery Options Panel using the option below.
- Crop images to have the same height. Uploading images of various heights will cause any content below to move unexpectedly when the carousel changes.
- Carousel Galleries are a responsive item. Responsive elements fill 100% of the width of where they are placed. This means that your images will need to be a as wide or wider than the column they are placed on any screen width. Use the table below to determine the minumum width of the carousel image based upon where it placed on your page.
Recommended Minimum Image Width
|1 Column||2 Column Main||3 Column Main||Side Column|
Example 1 - Default Carousel
Carousels can be placed anywhere on the page including side columns and column snippets. The examples below are placed inside a 2 col snippet. When adding a carousel to a side column or snippet, you may want to leave the description blank since there is not as much space to display that content.