What is the image with text overlay section?
The Image with text overlay section is a static image that can be useful in showcasing important and concise marketing messages. It can be used as a standalone section, or added to the top of different pages throughout the store to make more exciting page headings.
How to set up the Image with text overlay section
Steps
- Open the Theme Editor and add the Image with text overlay section to the page.
- In the main settings, there are three Image height settings available:
Natural: The original image height will be maintained so the full image is shown.
Full screen: The image will take up the full height of the screen, excluding the space occupied by the announcement bar.
Fixed height: The slider can be used to select a specific px height on both desktop and mobile. - Add a Heading, Text, Button text and/or an Image link.
- In the Layout settings, choose whether to have Full page width and select from one of the nine Text alignment options. Also decide whether to Show overlay tint.
- To adjust the colors of the text overlay, go to Theme Settings > Colors > Image overlays to choose the Text and Background colors. If the Show overlay tint setting has been selected, it will be based on the Background color selected here. Use the slider to adjust the Opacity if required.
Note
Note that any changes made to the Image overlays setting will apply throughout the store.
How to use the section to introduce page content
An Image with text overlay section can also be used as the first section on a page to introduce page content and differentiate certain pages from others around the store. Using this section can be a great alternative approach and adds variety to the customer experience throughout the store.
Steps
- Open the Theme Editor and add the Image with text overlay section to the page.
- Click on the Heading block which is already present upon install.
- Insert eye catching Heading text and consider including some descriptive Text.
Can't find what you're looking for?
Our support staff are here to answer your queries, so don't hesitate to write to us!
Contact us