Video
How to use the Video block in the Meditative Folks Theme.
Video
At a glance
Embed or upload video content inside a section.
Used in
- Configure where this block is available in the parent section.
Settings
Video source
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Video type | Controls “Video type” on the storefront. Open the theme editor to preview live. | shopify | Always |
| Video | Controls “Video” on the storefront. Open the theme editor to preview live. | — | video type == 'shopify' |
| External video URL | Paste a YouTube or Vimeo URL. | — | video type == 'external' |
Playback
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Autoplay | Automatically advances slides without the customer clicking. | No | Always |
| Loop | Controls “Loop” on the storefront. Open the theme editor to preview live. | No | Always |
| Muted | Controls “Muted” on the storefront. Open the theme editor to preview live. | Yes | Always |
| Show controls | Turns “Show controls” on or off on the storefront. | No | Always |
Layout
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Full width | When enabled, the video spans the full viewport width instead of the centered content column. | No | Always |
| Max width | Limits how wide the video can grow within the content column. | 2000 | full width is off |
| Aspect ratio | Controls “Aspect ratio” on the storefront. Open the theme editor to preview live. | 16 / 9 | Always |
| Fully rounded | Controls “Fully rounded” on the storefront. Open the theme editor to preview live. | No | Always |
| Border radius | Rounds the corners. Higher values look more pill-shaped. | 0 | fully rounded is off |
Overlay content
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Heading | Controls “Heading” on the storefront. Open the theme editor to preview live. | Heading | Always |
| Use global H2 heading styles | Use heading styles from your global theme settings. | No | block_Heading is filled in |
| Heading font size (mobile) | Sets heading font size (mobile) in pixels for the matching screen size. | 26 | block_Heading is filled in and Use global heading styles is off |
| Heading font size (tablet) | Sets heading font size (tablet) in pixels for the matching screen size. | 29 | block_Heading is filled in and Use global heading styles is off |
| Heading font size (desktop) | Sets heading font size (desktop) in pixels for the matching screen size. | 33 | block_Heading is filled in and Use global heading styles is off |
| Heading font weight | Sets how bold heading text appears. | 500 | block_Heading is filled in and Use global heading styles is off |
| Heading text color | Controls “Heading text color” on the storefront. Open the theme editor to preview live. | #FFFFFF | block_Heading is filled in |
| Subheading | Controls “Subheading” on the storefront. Open the theme editor to preview live. | This a subheading | Always |
| Use global subheading styles | Use text styles from your global theme settings. | No | block_subHeading is filled in |
| Subheading font size (mobile) | Sets subheading font size (mobile) in pixels for the matching screen size. | 16 | block_subHeading is filled in and Use global subheading styles is off |
| Subheading font size (tablet) | Sets subheading font size (tablet) in pixels for the matching screen size. | 18 | block_subHeading is filled in and Use global subheading styles is off |
| Subheading font size (desktop) | Sets subheading font size (desktop) in pixels for the matching screen size. | 19 | block_subHeading is filled in and Use global subheading styles is off |
| Subheading text color | Controls “Subheading text color” on the storefront. Open the theme editor to preview live. | #FFFFFF | block_subHeading is filled in |
Setting details
Each control from the tables above, explained simply:
Video type
Controls “Video type” on the storefront. Open the theme editor to preview live. Default: shopify.
Video
Controls “Video” on the storefront. Open the theme editor to preview live. Default: —. This control appears when: video type == 'shopify'.
External video URL
Paste a YouTube or Vimeo URL. Default: —. This control appears when: video type == 'external'.
Autoplay
Automatically advances slides without the customer clicking. Default: No.
Loop
Controls “Loop” on the storefront. Open the theme editor to preview live. Default: No.
Muted
Controls “Muted” on the storefront. Open the theme editor to preview live. Default: Yes.
Show controls
Turns “Show controls” on or off on the storefront. Default: No.
Full width
When enabled, the video spans the full viewport width instead of the centered content column. Default: No.
Max width
Limits how wide the video can grow within the content column. Default: 2000. This control appears when: full width is off.
Aspect ratio
Controls “Aspect ratio” on the storefront. Open the theme editor to preview live. Default: 16 / 9.
Fully rounded
Controls “Fully rounded” on the storefront. Open the theme editor to preview live. Default: No.
Border radius
Rounds the corners. Higher values look more pill-shaped. Default: 0. This control appears when: fully rounded is off.
Heading
Controls “Heading” on the storefront. Open the theme editor to preview live. Default: Heading.
Use global H2 heading styles
Use heading styles from your global theme settings. Default: No. This control appears when: block_Heading is filled in.
Heading font size (mobile)
Sets heading font size (mobile) in pixels for the matching screen size. Default: 26. This control appears when: block_Heading is filled in and Use global heading styles is off.
Heading font size (tablet)
Sets heading font size (tablet) in pixels for the matching screen size. Default: 29. This control appears when: block_Heading is filled in and Use global heading styles is off.
Heading font size (desktop)
Sets heading font size (desktop) in pixels for the matching screen size. Default: 33. This control appears when: block_Heading is filled in and Use global heading styles is off.
Heading font weight
Sets how bold heading text appears. Default: 500. This control appears when: block_Heading is filled in and Use global heading styles is off.
Heading text color
Controls “Heading text color” on the storefront. Open the theme editor to preview live. Default: #FFFFFF. This control appears when: block_Heading is filled in.
Subheading
Controls “Subheading” on the storefront. Open the theme editor to preview live. Default: This a subheading.
Use global subheading styles
Use text styles from your global theme settings. Default: No. This control appears when: block_subHeading is filled in.
Subheading font size (mobile)
Sets subheading font size (mobile) in pixels for the matching screen size. Default: 16. This control appears when: block_subHeading is filled in and Use global subheading styles is off.
Subheading font size (tablet)
Sets subheading font size (tablet) in pixels for the matching screen size. Default: 18. This control appears when: block_subHeading is filled in and Use global subheading styles is off.
Subheading font size (desktop)
Sets subheading font size (desktop) in pixels for the matching screen size. Default: 19. This control appears when: block_subHeading is filled in and Use global subheading styles is off.
Subheading text color
Controls “Subheading text color” on the storefront. Open the theme editor to preview live. Default: #FFFFFF. This control appears when: block_subHeading is filled in.
Tips
- Place this block inside a wrapper if it should only show on certain screen sizes.
- Preview in the theme editor on mobile and desktop.