The Hero banner section lets you customize a hero banner for your store.
In the Shopify theme editor, click Add section.
Search for "Hero banner".
Click the section to add it to your page.
Adjust the settings described below.
If 'Adapt to image' is selected, the tallest image will determine the height. Choose from: Adapt to image, Small, Medium, Large.
If 'Adapt to image' is selected, the tallest image will determine the height. Choose from: Adapt to image, Small, Medium, Large.
Slideshow
Enables autoplay. Disable it to turn it off.
Enables looping for the collection slider. Disable it to turn it off.
Adjusts the transition speed of the collection slider. Only works when autoplay is enabled.
When enabled, navigation arrows are displayed on desktop devices. Disable it to hide them.
When enabled, pagination is displayed. Disable it to hide it.
Controls the Transition effect. Choose from: Fade, Slide.
Appearance
Adds space around the outside of this element.
Rounds the corners of this element.
Controls the transparency level.
Adds a shadow effect for visual depth.
Applies a predefined color scheme to this element.
Color schemes are sets of coordinated colors you define under Theme settings > Colors. Choosing a scheme applies its background, text, and accent colors.
Controls the Navigation button color scheme. Choose from: Primary, Secondary.
Animation
Controls the Scroll animation type. Choose from: None, Zoom fade in and out.
See the child document for full settings: Image slide
See the child document for full settings: Video slide
Last updated