- 1 Minute to read
- Print
- DarkLight
19 – Carousel
- 1 Minute to read
- Print
- DarkLight
Description
This block consists of a carousel of images that can display up to 4 images and apply thumbnails or different slide tabbing options. Left and right arrows can be hidden if desired. The client needs to add a static fallback image where devices are incompatible. Like the Video and carousel blocks, asset provision is important.
Default block view
Desktop
Mobile
Formatting options
Padding
This refers to the space between the block's content and its border. This can be edited in the Details Tab.
Option | Details | Default |
Padding | Top | 10 |
Right | 0 | |
Bottom | 10 | |
Left | 0 |
Number of images
Select up to four carousel image placements.
Option | Details | Default |
Number Of Images |
| 4 |
Thumbnail option
Use the drop-down to select 1 of 4 thumbnail style options.
Option | Details | Default |
Thumbnail |
| Dots |
Hide/Show
Used to select to hide or show the scroll arrows.
Option | Details | Default |
Hide/Show | Scroll Arrows | Show |
Block Background Color
Used to change the block background color. Only use HEX color values. HTML email only recognizes 6-digit long-hand versions and has patchy support for shorthand versions.
Option | Details | Default |
Background Color | Block Background Color | #ffffff |
Scroll Arrows Color
Apply a color to the scroll arrows
Option | Details | Default |
Scroll Arrow Color | Scroll Arrows Color | #ffffff |
Fallback Image
Upload a fallback image to the Content Store, then add the URL to the Fallback image field in the Details Tab.
Option | Details | Default |
Image | Fallback Image | https://dummyimage.com/600x320/fff/aaa |
Scroll Images
Change the scroll and thumbnail images.
Option | Details | Default |
Image | Slider Image | https://dummyimage.com/600x320/fff/aaa |
Thumbnail | Thumbnail Image | https://dummyimage.com/600x320/fff/aaa |
Links
It allows you to add the link to the images.
Option | Details | Default |
Links | Image 1 | |
Image 2 | ||
Image 3 | ||
Image 4 | ||
Fallback Image |
Compatibility
As mentioned with the Video block, there is limited support, but applying a fallback asset for all incompatible devices will bridge the gap.
Interactive view
Desktop | Mobile |
Fallback view
Desktop | Mobile |