Video

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".

Video

Setting	Description
Cover image	Set up an image to use as a cover image for video
Cover image mobile	Set up an image to use as a cover image for videos on mobile devices
Use custom background color	Select this checkbox to use custom color for this video (The 1 following settings only take effect if this checkbox is ticked)
Set background for video	Select a background color for this video

Shopify-hosted video

Setting	Description
Video	Set up an video
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)
Enable autoplay	Enable/disable checkbox
Play video on loop	Enable/disable checkbox
Video play button	Select the video play button for the section: Icon Text
Desktop content position	Select desktop content position from the dropdown menu: Top left Top center Top right Middle left Middle center Middle right Bottom left Bottom center Bottom right (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
Mobile color scheme	Select the mobile color scheme for the block: Default Custom (Configure custom colors below)
Text (Color)	Set the color for the text or icon
Background	Set the background color for block (If a background gradient is set, the section's background will be set according to the background gradient setting)
Background gradient	Set the background gradient for block
Color scheme	Set the text color and background color for the block
Image overlay opacity on hover	Determines the image overlay opacity of the block. Can be from 0% to 100%, in 10% arithmetic increments
Background	Set the background color for the overlay

Custom content

Setting	Description
Text	Add text to display as a custom content for this block. You can use HTML format to fill in this field. (Leave the field blank to hide the custom content)
Text (Color)	Set the color for the text
Link label	Add text to display as a link label on the section (Leave the field blank to hide the link)
URL	Set the link, for example the customer service page

Animations

Setting	Description
Text animation	Select the text animation from the dropdown menu: None Fade in up Fade in down Zoom in Zoom out Split

Section padding

Setting	Description
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).