Media hero
Media hero is a high-impact, full-width banner designed to showcase a featured image or video alongside key messaging. You can customize the layout, alignment, and spacing to suit your brand’s style.
Ideal for product launches, promotions, or brand storytelling, the Media hero section captures attention and guides visitors toward important actions.
Section settings
General settings
| Setting | Description |
|---|---|
| Color scheme | Select a color scheme from Theme settings → Colors. |
Media
| Setting | Description |
|---|---|
| Type | Choose the type of media to display in the section. |
| Image | Upload the desired banner image. |
| Video local | Upload and use a local video instead of an image. |
| Video alt text | Provides descriptive text for the video to improve accessibility for screen reader users. |
| Overlay opacity | Controls the opacity level applied over the media. |
Section padding
| Setting | Description |
|---|---|
| Top | Customize the top margin of the section. |
| Bottom | Customize the bottom margin of the section. |
Show divider
| Setting | Description |
|---|---|
| Show divider | Displays a divider line to visually separate the section from the previous section. |
Block settings
The Media Hero section uses the Heading block as its default block. This block allows you to display a prominent heading over the media, typically an image or video, creating a strong focal point for your content.
For detailed settings, refer to the Heading block configuration, where you can adjust the text, font, size, alignment, and other styling options to suit the layout and design of your store.
No comments yet