This guide describes setting up the Video with text overlay section.
Use the section to provide customers with a video, share information about your brand, describe products, or welcome customers to your store, etc.
The previous video shows a Video with text overlay section on a store's homepage. In the section's settings, a Video URL is set to display an .mp4 video from the store's Files library. A Fallback image is added into the section. This image is displayed if the video does not load or play. The text overlay's Layout is set to Display text overlay on a card. Some formatted (body) Text is added into the overlay area. The overlay's Button link is linked to the store's Seltzer collection page. The button's (label) text is changed to Shop for seltzer.
When low power mode is enabled on Apple iOS devices, the Safari browser won't play the section's video. Instead, add a fallback image to the section. The fallback image displays whenever the video does not load or play. To add a fallback image, refer to the section settings table in Step 3 below.
For general guidance with modifying sections, refer to Sections overview, and Shopify help: Sections and blocks
To set up a Video with text overlay section:
Go to Customize theme. At the top of the page, use the dropdown to select a template that contains a Video 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 > Video with text overlay. Refer to Shopify help: Add a section
From the side menu, select Video with text overlay.
Select a setting described in the following table.
A default Video with text overlay section contains no blocks. To configure a block inside the section:
Go to Customize theme. At the top of the page, use the dropdown to select a template that contains a Video with text overlay section.
From the side menu, expand the Video 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.