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. By using an image in conjunction with a combination of text, buttons and a countdown timer, this section can create a real statement that will catch the eyes of potential customers.
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.
- Click Add block or use one of the existing blocks that are present upon install.
- In the main settings, there are three Image height settings available:
Adapt to image: 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 header.
Fixed height: The slider can be used to select a specific px height. - In the Layout settings, choose whether to have Full page width. An image with text overlay section that is not full width will fit the Maximum page width set in Theme settings > Layout.
How to optimize the text overlay
When a Heading, Subheading or Text block is added to this section, it will appear as a text overlay. The Symmetry theme includes settings to show this text overlay in several positions and styles. Use the settings to find the perfect solution for your store.
Steps
- Open the Theme Editor and add the Image with text overlay section to the page.
- Click Add block or use one of the existing blocks that are present upon install.
- In the Layout settings, there are nine Text overlay position options and five Overlay style options to choose from:
- To customise the text overlay style further, go to Theme Settings > Colors > Image overlays. Depending on the Overlay style selected, choose a Text and/or Image tint color and use the sliders to adjust the Tint strength, Text shadow strength or Box background opacity. Note that any changes made to the Image overlays setting will apply throughout the store.
- If a box overlay style has been used, this will show the page Background color.
Tip
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 to using other page titles 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 a Subheading and some descriptive Text.
- If the Heading is to be the primary page heading, ensure that the Set as primary page heading setting is ticked and no other page titles are shown.
Tip
How to use the countdown timer block
The Countdown timer block is a calendar-style count down from a specific date and time set by the merchant. It is typically used to create hype around a sales event or promotion and therefore may help to drive additional sales. Refer to the Countdown timer guide for more guidance.
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