In the theme editor: CustomizeHome pageAdd sectionVideo

Video

A video from a file, YouTube or Vimeo, with a heading and its own shape and playback settings.

A short silent loop of 6 to 15 seconds keeps the page light. Add a cover image for the moment before it plays.

Settings

Heading

Show a heading
On or offDefault: On
Small line above the heading
On or offDefault: On
Small line
TextLeave empty to show the default.
Heading
TextLeave empty to show the default heading.
Heading size
Choice: Medium, Large, Extra largeDefault: Medium
Text alignment
Choice: Start, Center, EndDefault: Center

Video

Video file
Video fileA video uploaded to your store. If both a file and a link are set, the file is shown.
Or a YouTube or Vimeo link
YouTube or Vimeo linkThe player loads only when the play button is pressed.
Cover image
ImageShown until the video plays. If empty, the video file's preview image is used. Choose an image for a YouTube or Vimeo link.
Cover image focus
Choice: The image's focal point, Center, Top, BottomDefault: The image's focal point

Shape

Video shape on a computer
Choice: Wide (16:9), Cinema (21:9), Landscape (3:2), SquareDefault: Wide (16:9)
Video shape on a phone
Choice: Portrait (4:5), Square, Landscape (3:2), Wide (16:9)Default: Portrait (4:5)
Cover image shade
Slider, 0 to 60 %Default: 16 %A soft dark layer over the cover image that fades away while the video plays.

Playback

Autoplay
On or offDefault: OffStarts on its own, muted, while the video is on screen, and pauses when it leaves. Does not start on its own for visitors who asked for less motion.
Muted
On or offDefault: OffAlso when the play button is pressed. Autoplay is always muted.
Loop
On or offDefault: Off
Player controls
On or offDefault: OffFor an uploaded file: the browser's controls (sound, seeking, full screen) instead of the pause button and progress bar. YouTube and Vimeo always show their own control bar.
Full screen button
On or offDefault: OnFor an uploaded file, next to the progress bar. On iPhone it opens the phone's own player.
Drag the progress bar
On or offDefault: OnTap or drag the bar to move forward or back. The arrow keys move 5 seconds.
Settings every section sharesWindow, Scrolling, Spacing, Colors, Text styling

The window, scrolling, spacing and color settings work the same way in every section. Read how they work.

Window

Attach
Choice: Separate window, Attached to the window above, Attached to the window below, Attached above and belowDefault: Separate window
Image corners
Choice: Rounded, SquareDefault: Rounded

Scrolling

Next section covers it on scroll
On or offDefault: OffScrolling down, this section stays in place under the header and the next section rises over it. Scrolling back reverses it. Off in the editor, for visitors who asked for reduced motion and on very short screens.

Spacing

Custom spacing for this section
On or offDefault: OffOff: the section spacing from theme settings, under Layout. On: the values here, above and below this section. On phones most sections use 65% of them.
Space above
Slider, 0 to 120 pxDefault: 40 px
Space below
Slider, 0 to 120 pxDefault: 40 px
Content width
Choice: Narrow, Standard, Wide, Full widthDefault: Standard

Colors

Color scheme
Color schemeSame as the page scheme: the section sits on the page background. Another scheme gives the section its own background, as a card inside the frame. Custom colors below override the scheme.
Use custom colors for this section
On or offDefault: OffOverrides the color scheme. Empty fields follow the scheme.
Background
ColorDefault: #F1F1EF
Text
ColorEmpty: automatic. Light on a dark background, dark on a light one.
Background style
Choice: Flat color, Lit stageDefault: Flat colorLit stage: a soft light from above that fades toward the bottom, made from the section color, light or dark. On a dark color, text and buttons turn light on their own.
Light color
ColorThe soft light from the top center. Empty: white.

Text styling

Custom text styling for this section
On or offDefault: OffOtherwise the section uses the theme styling. Shopify fonts do not include Hebrew, so you choose between styles that work in Hebrew.
Heading style
Choice: Theme default, Light, Bold, SerifDefault: Theme default
Heading size
Slider, 70 to 160 %Default: 100 %
Heading color
ColorEmpty: automatic, uses the section color (light on a dark background).

Something here doesn’t match what you see in your editor? Tell us and we will fix the guide.