Video Section

File: sections/video.liquid

Templates: page.donate.json

Description

Video Section

Renders a centered YouTube video embed with an optional title, image, and rich-text content. Background color, texture, and video size are configurable.

Features:

• Embedded YouTube video via iframe (16:9 aspect ratio)
• Two video sizes: small (max-w-2xl) and large (full width)
• Optional header image below the video
• Optional rich-text content area with prose styling
• Configurable background color and texture
• Content wrapped via wrapper-block snippet

Settings:

• title (text) — Section heading above the video
• video_id (text) — YouTube video ID, default “bCgfzJxrdd8”
• image (image_picker) — Optional image displayed below the video
• content (richtext) — Rich-text content below the image
• background_texture (select) — Background texture class, default “none”
• background_color (select) — Background color class, default “bg-white”
• video_size (select) — Video container width, default “large”

Blocks: None

Snippets Used:

• wrapper-block — Applies background classes to the section wrapper

Dependencies:

• YouTube iframe embed (external)

Tailwind Status: Full Layout, aspect ratio, and typography use Tailwind utility classes.

Settings

ID	Type	Label	Default	Info
title	text	Title
video_id	text	YouTube Video ID	bCgfzJxrdd8
image	image_picker	Image
content	richtext	Content
background_texture	select	Background Texture	none
background_color	select	Background Color	bg-white
video_size	select	Video Size	large

Usage

This section is referenced in JSON templates and cannot be added via the theme editor.

{% section 'video' %}