Image Carousel Hero
The Image Carousel Hero block can be used to display an image slideshow with a static block of floating content.
Episerver Required Blocks
This block is constructed using the following blocks:
- Image Carousel Slide - Image slide that can be added to an image carousel or image carousel hero.
- Image Carousel Hero - Hero consisting of a background image slideshow and fixed block of content.
Before you create the image carousel hero block, you must first create the image carousel slide blocks that will go into the image carousel hero.
Add To
- The hero content area on any content page
Fields & Configurations
Property |
Configuration |
Validation |
Alignment |
Choose an alignment for the content block that displays on the image slideshow.
Left: the content block will float to the left side of the component. Right: the content will float to the right side of the component. |
Required |
Display Mode |
Choose a value from the drop down for the block’s color values.
|
Required |
Header |
Add text to display prominently on the hero block. |
Required |
Sub-Title |
Add text to display above the header. |
|
Subheader |
Add text to display below the header. |
|
Body |
Add body copy to display beneath the header and subheader. |
|
CTAs |
Add CTA block references to the content area. |
Minimum of 1 CTA block Maximum of 2 CTA blocks |
Caption |
Add text to display in a small font beneath the CTAs. |
|
Slideshow Items |
Add slideshow item block references to the content area. |
Minimum of 1 slideshow item Maximum of 10 slideshow items |