Video
Video shows a single video with an optional heading and description above it. The video can come from a YouTube or Vimeo link or from a file you upload.
How to add it
- In the Theme Editor, open the template where you want the section.
- Select Add section, then choose Video.
The package does not place this section on any template.
Settings
View the section guide .
Heading content
| Setting | Options | Description |
|---|---|---|
| Heading | Title shown above the video. | |
| Description | Text shown under the heading. | |
| Heading size | • Large | Size of the heading. Large uses the biggest heading style and Small the smallest. |
| Heading alignment | • Left | Aligns the heading and description to the left, center or right. |
Video
Video URL accepts a YouTube or Vimeo URL. Video overrides it when both are set. Autoplay starts the video muted, for YouTube and Vimeo links as well as uploaded videos.
| Setting | Options | Description |
|---|---|---|
| Video URL | Link to a YouTube or Vimeo video. An uploaded Video replaces this link when both are set. | |
| Video | Overrides the Video URL setting. | |
| Video poster | Applies to uploaded videos only. Use the same dimensions as the video. | |
| Video alt text | Text read aloud by screen readers to describe this video. Learn more ( https://help.shopify.com/manual/online-store/themes/theme-structure/theme-features#video-block ) | |
| Enable video autoplay | Starts the video on its own, muted, once it is near the screen. When it is off, an uploaded video waits behind a play button on its poster. | |
| Enable video looping | Plays the video again from the start when it ends. | |
| Video ratio | • Adapt to video | Shape of the video area. Adapt to video follows the video's own proportions, and the other options set a fixed ratio. |
Appearance
| Setting | Options | Description |
|---|---|---|
| Color scheme | Edit color schemes in Theme settings. |
Section layout
| Setting | Options | Description |
|---|---|---|
| Section width | • Page width | Width of the section content: standard page width, a wider container, or the full screen width. |
| Top padding | Space above the section in pixels. | |
| Bottom padding | Space below the section in pixels. | |
| Show top border | Draws a thin line along the top edge of the section. |
No comments yet