This guide describes setting up the Image with text overlay section.
Use the section to display an image, overlaid with text, on a store page.
The previous image shows a Image with text overlay section on a store's homepage. In the section's settings, the Image selector options are set to display an image inside the section. In the Title box, text is entered to display Image with text overlay as a heading inside the section's text overlay area. The remaining section settings are set to their defaults.
For general guidance with modifying sections, refer to Sections overview, and Shopify help: Sections and blocks
To set up an Image with text overlay section:
Go to Customize theme. At the top of the page, use the dropdown to select a template that contains an Image with text overlay section. For example, select the Home page template.
The section can be added into any page, except Checkout and Giftcard pages. To add the section into the current page, select Add section > Image with text overlay. Refer to Shopify help: Add a section
From the side menu, select Image with text overlay.
Select a setting described in the following table.
A default Image with text overlay section contains 2 Shape dividers (blocks). To configure a block inside the section:
From the side menu, expand the Image with text overlay section menu.
To configure an existing block, select the block from the side menu.
To add a new block, select Add block, choose a block to add, and then select the block you added.
Inside the section, you can add, remove, show/ hide, or move blocks. Refer to Configure blocks inside a section, and Shopify help: Sections and blocks
Apply a block setting described in the following table.