These six modules show images and video. Four of them are containers that hold child items, so you add the images inside the module rather than in its settings. The defaults below are what a freshly added module starts with.
Image Carousel#
Image Carousel holds a set of Image Carousel Item slides.
- Carousel Effect is Slide (the default), Fade or Coverflow.
- Slides Per View runs from 1 to 6 and defaults to 1. Space Between Slides defaults to 20px.
- Loop is on by default, and Centered Slides is off.
- Enable Autoplay is off by default. When it is on, Autoplay Delay defaults to 3,000 ms and Transition Speed to 500 ms. Pause on Hover and Pause on Interaction are both on.
- Show Arrows and Show Dots are on. Show Progress Bar and Enable Lightbox are off.
Each slide has an image and alt text. It can also show a caption, and a call-to-action button whose text defaults to Learn More.
Logo Carousel#
Logo Carousel scrolls client or partner logos, one Logo Carousel Item per logo.
- Slides Per View runs from 1 to 6 and defaults to 4. Space Between Logos defaults to 30.
- Logo Max Width and Logo Max Height default to 160px and 80px.
- Hover Effect is Grayscale to Color (the default), Opacity, Zoom or None. Resting Opacity defaults to 0.5 and applies only to the Opacity effect.
- Enable Autoplay is off by default, with a 3,000 ms delay. Arrows are on and dots are off.
Every logo can carry an alt text and a link, which opens in the same window or a new one.
Logo Grid#
Logo Grid shows the same kind of logos in a fixed grid, one Logo Grid Item per logo. It suits a page where every logo should be visible at once.
- Columns runs from 1 to 8 and defaults to 4. Gap defaults to 30.
- Logo Max Width, Logo Max Height, Hover Effect and Resting Opacity work as they do in Logo Carousel.
Image Accordion#
Image Accordion is a row of image panels. One panel is open and the others shrink to thin strips. Each Image Accordion Item has a Panel Image, which is required, and a Label that shows on the strip and on the open panel.
- Orientation is Horizontal (the default) or Vertical.
- Expand Trigger is Click (the default, and the one that works on touch) or Hover.
- Default Active Panel defaults to 1, the first panel.
- Collapsed Size is the width, or the height in a vertical layout, of a closed panel. It defaults to 60px.
- Overlay Background and Overlay Opacity style the layer behind the content of the open panel. The opacity defaults to 60.
Image Hotspots#
Image Hotspots puts pins on one image. Each Image Hotspot Pin opens a tooltip.
- Trigger is Hover (the default) or Click, and Pin Color sets the marker color.
- On each pin, Position X (%) and Position Y (%) place it on the image. Both default to 50.
- Marker Type is Dot (the default), Icon or Number.
- Tooltip Title and Tooltip Content hold the text, and Tooltip Position puts it at the Top (the default), Bottom, Left or Right of the pin.
Use it to label the parts of a product photo or a floor plan.
Advanced Video#
Advanced Video plays a video from YouTube, Vimeo, Dailymotion or a self-hosted MP4 file. Video Source defaults to YouTube. Paste a link into Video URL, or upload a file into Video MP4 File for the self-hosted source.
- Display Mode is Inline (the default) or Lightbox. Aspect Ratio is 16:9 (the default), 4:3, 1:1 or 21:9.
- Use Poster Overlay is on by default. It shows a Poster Image with a play button, and Play Icon is Filled Circle, Outline Circle or Triangle.
- Autoplay, Muted and Loop are off, and Show Controls is on. Autoplay forces the video to be muted, because browsers require it.
- Start Time and End Time are set in seconds. An end time of 0 plays to the end.
- Enable Sticky is available in Inline mode. It docks the player to a corner, Bottom Right by default, when the video scrolls out of view. Sticky Width defaults to 400px, and Sticky on Mobile is off.