Image banner section

The Relax theme includes two Image Banner sections added to the homepage by default.

It is possible to add the section to other store pages as well, according to your requirements. You can also hide the section using a visibility badge.

Image banner general settings

To edit a section, go to the Online store - Homepage- Image banner (you can see sections under the Slideshow and the Rich text sections). The template's configuration allows you to:

• Use a banner with an image.
• Select the first and second images.
• Set the parallax effect speed.
• Stack images on mobile.
• Preload images to improve the page's rendering time.
• Add a video link.
• Select the video source.
• Control the banner visibility on different screens. You can choose between Always, Mobile, and Desktop.
• Set the text box position between Left, Top, Top Right, Top Left, Center, Bottom, Bottom Right, Bottom Left, and Right.
• Choose the text alignment between Left, Center, and Right.
• Set the text box background opacity.
• Select the box background image.
• Show maroko design element. This option refers to the Okinawa design.
• Choose the banner height between the Adapt to the first image, Small, Medium, and Large.
• Make the section full-width.
• Show underlayer.
• Choose the color scheme.

Then you can customize the banner blocks. Here it is possible to:

• Create a description.
• Set the custom text size.
• Create a heading and select the Heading level. Learn more about the correct heading usage for better SEO.
• Set the custom heading size.
• Set the label and link to the first and second buttons.
• Use secondary button styles.