This guide describes setting up the Media with text overlay section.
Use the section to display images, videos, and color backgrounds, overlaid with text, on a page.
The previous image shows a Media with text overlay section on a store's Homepage. In the upper left, part of the Theme editor section menu is displayed. The menu's Enable full bleed checkbox is set to on. With this setting enabled, the section fills the entire page to the outer edges (or "bleed" area).
For general guidance with modifying sections, refer to Sections overview, and Shopify help: Sections and blocks.
To set up a Media with text overlay section:
Go to Customize theme.
In Theme editor, at the top of the page, use the dropdown to select a template that contains a Media with text overlay section. For example, select the Homepage 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 > Media with text overlay. Refer to Shopify help: Add a section.
From the side menu, select Media with text overlay.
Select a setting described in the following table.
A default Media with text overlay contains 2 blocks. To configure a block inside the section:
From the side menu, expand the Media 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, 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 Table: Media with text overlays blocks.
The following table describes the blocks inside the Media with text overlay section, and their corresponding settings.
The blocks indicated with an asterisk * are contained in a default Media with text overlay section. To configure a block, refer to Configure a block within a Media with text overlay section.