Hero
- Marta Siewierska-Stańczak
TABLE OF CONTENTS
Summary
This component allows you to add several Hero images in a Slider. You can define Headlines, Subheadlines, Text and Buttons on each image.
Demo
User guide
Magesuite standard
This Hero Content Construction component serves the purpose of showcasing hero images, making it particularly valuable for home pages. The component is built upon the image teaser parent component, but its configuration options are somewhat more constrained when compared to the standard image teaser.
Crucially, it is highly recommended to utilize this element as the first Content Construction component on the homepage. The initial hero image is specially optimized to be prefetched, enhancing the loading speed and overall performance of the page.
Video can be also used as the main hero image.
There is a possibility to use different instances of hero for desktop and mobile (in order to show images with different aspect ratios)
Desktop layout
Mobile layout
