Features Breakdown: Video + Side Text

This section allows you to display a high-quality video alongside a descriptive text block. It features a modular "Block" architecture, giving you full control over the layout, video sources, and responsiveness.

1. Advanced Video Management

• Dual Sources: Upload separate videos for Desktop and Mobile to ensure the aspect ratio and file size are optimized for the device.

• Format Support: Supports both Shopify-hosted videos (MP4) and external links (YouTube/Vimeo).

• Playback Controls: Toggle Autoplay, Loop, Mute, and Player Controls.

• Dimensions: Three height modes available independently for Mobile and Desktop:

  • Aspect Ratio: Lock to 16:9, 21:9, 4:3, 1:1, or 9:16 (vertical).

  • Custom Height: Set a fixed height in pixels.

  • Auto: Adapt to the video's natural size.

• Styling: Adjustable corner radius, shadow intensity, and optional caption text below the video.

2. Flexible Layout & Positioning

• Side Block Placement: Position the text block to the Left or Right of the video.

• Smart Visibility: Control whether the text block appears on Mobile, Desktop, or Both.

  • Auto-Expand: If the text block is hidden on Desktop, the video automatically expands to fill the full width.

• Alignment: Vertical alignment control (Top, Center, Bottom) and adjustable gap between the video and text.

• Section Width: Options for Theme Page Width, Standard Container, or Custom Max-Width with adjustable padding.

3. Typography & Content

• Responsive Sizing: Independent pixel-perfect font size controls for Desktop and Mobile for:

  • Section Main Heading & Subheading.

  • Side Block Title & Body Text.

  • Button Text.

• Font Source: Use the Theme's global typography or force a specific Custom Font for the headings and body.

4. Call-to-Action (Button)

• Design: Supports solid colors or customizable Linear Gradients (2 colors + angle).

• Shape: Adjustable border radius (rounded corners) and text size.

• Alignment: Align the button to the Left, Center, or Right within the text column.

5. Global Styling

• Colors: Full control over background and text colors for the section and individual blocks.

• Spacing: Adjustable top and bottom padding for the entire section.