Hero Image With Text
The hero image with text section can be the first thing that visitors see when they land on your online store. It is a large, high-quality image that is paired with text to introduce your brand, products, or services. The hero image is important because it can make a big impression on visitors and influence whether or not they stay on your site and explore further.
From any page, please click on ‘Add Section’ on the left side bar, then choose ‘Hero Image with Text’.
Firstly, you can change the color scheme for this section by selecting the scheme here. To change the theme color, please go to Theme settings > Colors.
There are 2 option for Content alignment of this section here: Left and Center:
You can also enable ‘Remove padding top’ and ‘Remove padding bottom’ to delete the spacing at the top and bottom between the section and the elements inside it.
To add content in the Section Subheading, Heading and Description, click on the text box and insert the content. If you want to remove these contents, just delete the text in the text box.
You can click on the ‘Select image’ button to upload the image to the section.
After that, you can change the image ratio from these option: Square, Portrait (2:3), Landscape (3:2) and Adapt to image:
To add button text and button link, click on the placeholder and insert the content. If you want to remove the button, you just need to leave the button text blank.
The Prominent Badge of this section has the same setting with the Icon With Text section.
This list display a list of collections next to the menu for improved catalog navigation, you can enable or disable these collections by selecting the checkbox.
Next, you can add content for the heading on the content tab. If you want to remove the content, you just need to leave it blank.
Click on the ‘Select Collections’ button to choose which sections to display on this list. The maximum number of collections is 50. On desktop, it will automatically display as a slideshow if there are more than 6 collections.
After that, you can add text for the button here, this button will be direct to the collection list page.
The last option: you can enable to Show navigation on mobile here: