Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 3 Current »

This component allows you to add several Hero images in a Slider. You can define Headlines, Subheadlines, Text and Buttons on each image.

User guide

2.1.5. Hero Carousel

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

Live shops examples

  • No labels