Brickspace Lab
Contact usContact ShopifyTry a theme
Paper
Paper
  • Paper documentation
  • Getting started
    • Theme basics
    • Theme settings
      • Colors
      • Typography
      • Borders
      • Quick Add
  • Guides
    • Products
      • Product badges
      • Product subtitles
      • Variant swatches
      • Fixed buy buttons
      • Replacing “Add to cart”
  • Collections
    • Variant filtering
    • Disabling Quick add
  • Sitewide
    • Using device specific visibility
    • Dynamic discount popups
    • Creating a Mapbox API key
    • Designing your menu
  • Migrating custom changes
  • Templates
    • Collection template
      • Customizing Filters
      • Adding Tag Filtering
      • Adding Nested Menu
      • Collection Blocks
  • Product template
    • Dynamic variant images
    • Gift cards
    • Quantity picker
    • Subscription options
    • Sibling products
    • Bundled products
    • Custom fields
    • Content drawers
  • Blog template
  • Sections
  • Sections
    • Featured product
    • Slideshow
    • Email sign-up
    • Video
    • Alternative banner
    • Alternative collection grid
    • Banner
    • Blog posts grid
    • Collage
    • Collapsible content
    • Collection list grid
    • Collection list slider
    • Comparison table
    • Contact form
    • Countdown
    • Custom liquid
    • Discount banner
    • Featured collection grid
    • Featured collection slider
    • Icon grid
    • Image comparison
    • Image hotspot
    • Logo list
    • Navigation slider
    • Recently viewed
    • Rich text
    • Slider
    • Store locator
    • Testimonials
    • Cart drawer
    • Header
  • General
    • Changelog
      • v8.0.1
      • v8.0.0
      • v7.6.2
      • v7.6.1
      • v7.6.0
      • v7.5.0
      • v7.4.0
      • v7.3.0
      • v7.2.1
      • v7.2.0
      • v7.1.2
      • v7.1.1
      • v7.1.0
      • v7.0.0
      • v6.2.0
      • v6.1.7
      • v6.1.6
      • v6.1.5
      • v6.1.4
      • v6.1.3
      • v6.1.2
      • v6.1.1
      • v6.1.0
      • v6.0.1
      • v6.0.0
      • v5.2.0
      • v5.1.0
      • v5.0.1
      • v5.0.0
      • v4.1.1
      • v4.1.0
      • v4.0.0
      • v3.0.2
      • v3.0.1
      • v3.0.0
      • v2.0.0
      • v1.2.2
      • v1.2.1
      • v1.2.0
      • v1.0.0
    • Known issues and troubleshooting
      • v8.0.1
    • Cloning a demo theme
      • Poster
      • Parts
      • Pastel
      • Page 3
      • Page 4
Powered by GitBook
On this page
  • Section overview
  • Section Settings
  • Block Settings

Was this helpful?

Edit on GitHub
  1. Sections

Video

Section overview

The Video section displays a video that can be set to autoplay or play on click, with optional supporting content such as heading, text, and a call-to-action button.

Common Use Cases

  • Product demonstrations or tutorials

  • Brand storytelling and promotional content

  • Background ambiance for landing pages

  • Showcasing customer testimonials

Usage Tips

  • Use a background image from the video as a placeholder for better performance

  • Keep videos short (under 30 seconds) for better engagement

  • Consider mobile data usage when enabling autoplay

  • Ensure your video has appropriate contrast with text overlays for readability

Section Settings

Setting
Description

Image

Background image to display before the video plays

Video

The video file to be displayed in this section

Enable video autoplay

When enabled, the video will start playing automatically

Heading

Main title text displayed in the section

Content

Descriptive text content to accompany the video

Button label

Text to display on the call-to-action button

Button url

URL the button links to when clicked

Spacing top

Controls the amount of space above the section (0-300px)

Spacing bottom

Controls the amount of space below the section (0-300px)

Background

Background color of the section

Text color

Controls the text color scheme (default, light, or dark)

Border color

Color of the section border (subtle or strong)

Button color

Color scheme for the section's button

Border position

Controls where borders appear on the section (none, top, bottom, or both)

X alignment

Horizontal alignment of section content (left, center, or right)

Visibility

Controls section visibility on different device sizes

Block Settings

This section does not contain any blocks.

Last updated 1 month ago

Was this helpful?