Video with text

To add this section, please follow the below steps:

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Click Add section and choose "Video with text".

SettingDescription

Cover image

Set up an image to use as a cover image for video

Play video on loop

Enable/disable checkbox

Shopify-hosted video

SettingDescription

Video

Set up an video

Or embed video from URL

Shows when no Shopify-hosted video is selected.

SettingDescription

URL

Add a Youtube/ Vimeo video URL

Video alt text

Add text to display as a video alt text (Leave the field blank to hide the video alt text)

Desktop video placement

Select the desktop video placement for the section:

  • Video first

  • Video second

(Video first is the default mobile layout)

Desktop content position

Select desktop content position from the dropdown menu:

  • Top

  • Middle

  • Bottom

(Position is automatically optimized for mobile. This setting applies to the position of the entrie content block)

Desktop content alignment

Select desktop content alignment from the dropdown menu:

  • Left

  • Center

  • Right

Mobile content alignment

Select mobile content alignment from the dropdown menu:

  • Left

  • Center

  • Right

Set background for content box

Set up an image for content box

Color scheme

Set the text color and background color for the block

Animations

SettingDescription

Text animation

Select the text animation from the dropdown menu:

  • None

  • Fade in up

  • Fade in down

  • Zoom in

  • Zoom out

  • Split

Section padding

SettingDescription

Top padding

Determines the height of the top inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Bottom padding

Determines the height of the bottom inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Top padding on mobile

Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Bottom padding on mobile

Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Last updated