Video
Last updated
Last updated
In the editor side panel, click (+) Add section and select Video. Click and hold the drag handles ⋮⋮ to re-order sections.
Editing a template will change all pages that use that template.
Create and assign new templates to design different page layouts.
Add dynamic content to show page-specific content in the same template.
Click the section to customize the general section styles for colors and spacing, available in all sections:
The Video section accepts videos uploaded to Shopify or linked videos from Youtube and Vimeo.
Click Video section to find settings
| Setting | Description |
|---|---|
Shopify video | Select or upload a video. |
Mobile Shopify video | Select or upload an alternate video to show on mobile devices. |
Youtube or Vimeo URL | Enter the full URL of your YouTube or Vimeo video. The video must be public. |
Video alt text | Enter alt text to describe the content and purpose of the video for customers using screen readers. |
You can crop the video to a uniform shape (Aspect ratio) and select the Focal point of your video to keep the most important part centred and avoid unwanted cropping.
These options only applies to Shopify-hosted videos.
Click Video section to find settings
| Setting | Description | Options |
|---|---|---|
Aspect ratio | Crop the video to a uniform shape, or select Natural to maintain its original shape. "Aspect ratio" refers to the proportion between the video's width and height (W:H). | Natural Default Portrait (2:3) Portrait (4:5) Square (1:1) Landscape (5:4) Landscape (3:2) Landscape wide (16:9) Landscape ultrawide (21:9) |
Video focal point | Specify the main focus of the video. The focal point will remain centered and within frame to avoid unwanted cropping. | Center Default Top Bottom Left Right |
After choosing your video, you can add a Cover image that overlays the video before visitors click play.
| Setting | Description |
|---|---|
Cover image | Select or upload a preview image that overlays the video player. There are no required dimensions. A minimum width of 2500px will ensure optimal quality on the widest screens. |
After adding your video, you can choose to Play the video on loop.
Click Video section to find settings
| Setting | Description | Options |
|---|---|---|
Play video on loop | When checked, the video will start over after ending. |
Click (+) Add block to add text and image content to the section. Use the drag handles ⋮⋮ to re-order blocks, and add Spacer and Divider blocks to further customize the layout.
Click Video section to find settings
| Setting | Description | Options |
|---|---|---|
Content width | Use the sliders to set the maximum width (in pixels) of the section content. | 200-1000 px Default: 500 |
Text alignment | Set the position of the text content for desktop screens. | Left Center Default Right |
Text position | Set the position of the text content for desktop screens. | Above video Default Below video |
