Video with text overlay

Steps:

1. In the theme editor (Customize), click Add section.

2. Locate Video with text overlay

3. Make necessary changes. > Save.

General Settings

• Section width - Boxed / Wide / Full

• Enable lazy loading video - If you want improve the performance of your store, enable lazy loading for the video. The video will only load when it is in the viewport.

• Shopify-hosted video - Overrides the External video URL field.

• External video - Accepts YouTube and Vimeo URLs.

• Poster image - 1920x1080 .jpg recommended. If image blank, Shopify-hosted video will use the preview image.

• Video alt text - Describe the video for customers using screen readers.

• Desktop height mode ⇒ Adapt to image/ Full screen / Fixed height

• Desktop fixed height ⇒ Height applied when 'Fixed height' is selected

• Mobile height mode ⇒ Adapt to image/ Full screen / Fixed height

• Mobile fixed height ⇒ Height applied when 'Fixed height' is selected

• Desktop content width - Small / Normal / Large / Container

• Desktop Content position

• Mobile content position

Colors

• Text color

• Text highlighted

• Overlay color

• Overlay opacity

• Overlay gradient - Overwite overlay color

Block settings

Steps:

1. Locate Video with text overlay

2. Add Block. > Select block you want

3. Make necessary changes. > Save.