Brickspace Lab
Contact usContact ShopifyTry a theme
Keystone
Keystone
  • Keystone documentation
  • Getting started
    • Theme basics
    • Theme settings
      • Colors
      • Typography
      • Borders
      • Prices
      • Quick add
  • Guides
    • Products
      • Product badges
      • Product subtitles
      • Custom content for tables
      • Replace "Add to cart"
      • Disable quick add
      • Product template
    • Collections
      • Collection template
    • Sitewide
      • Color and option swatches
      • Device specific visibility
      • Discount popups
      • Article template
      • Blog template
      • Search results
    • Wholesale
      • Wholesale basics
      • Account restrictions
  • Sections
    • Sitewide
      • Header
      • Footer
      • Announcement
      • Cart drawer
      • Search drawer
      • Menu drawer
      • Discount
      • Account drawer
      • Custom liquid
      • Store locater
    • Navigation
      • Navigation links
    • Content and Media
      • Banner
      • Image hotspot
      • Slideshow
      • Countdown
      • Slider
      • Video
      • Split banner
      • Testimonial slider
      • Search banner
      • Marquee
      • Rich text
      • Blog posts grid
      • Logo list
      • Icon grid
      • Collapsible content
      • Tabs
      • Collage
      • Testimonial grid
    • Products and Collections
      • Product grid
      • Product slider
      • Product table
      • Product comparison
      • Recently viewed
      • Collection list grid
      • Collection list slider
      • Featured product
      • Comparison table
    • Forms
      • Contact form
      • Email sign-up
      • Sign-up form
      • Tool tip
  • General
    • Changelog
      • v1.3.1
      • v1.3.0
      • v1.2.0
      • v1.1.0
      • v1.0.1
      • v1.0.0
    • Known issues and troubleshooting
      • v1.3.0
    • Cloning a demo theme
      • Knit
      • Kingpin
      • Kindred
      • Kettle
      • Kaleidoscope
Powered by GitBook
LogoLogo

Try a theme

  • Paper
  • Space
  • Keystone

Resources

  • Get theme support
  • Services
  • Contact
On this page
  • Section overview
  • Section Settings
  • Block Settings

Was this helpful?

Edit on GitHub
  1. Sections
  2. Content and Media

Video

Section overview

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

Common Use Cases

  • Product demonstrations or showcases

  • Brand storytelling and promotional videos

  • Tutorial or educational content

  • Store announcements or welcome messages

Usage Tips

  • Use a background image from the video as a placeholder for better visual appeal before playback

  • Keep videos short and engaging for better user retention

  • Consider using autoplay for ambient videos without sound

  • Ensure proper video compression to minimize loading times

  • For mobile responsiveness, consider using the split layout only for desktop views

Section Settings

Setting
Description

Video

The video to display in this section

Auto play

Enable video autoplay

Heading

Section heading text

Content

Rich text content to display alongside the video

Button label

Call-to-action button text

Button url

URL for the button link

Top spacing

Padding space above the section (0-300px)

Bottom spacing

Padding space below the section (0-300px)

Color scheme

Background and text color combination for the section

Border color

Color for section borders

Button color

Style and color variant for the button

Border position

Position of borders around the section

X alignment

Horizontal alignment of section content

Enable margin

Apply horizontal margin to the section

Enable split

Display content split into two columns

Visibility

Control section visibility on different device types

Block Settings

This section does not contain any blocks.

Last updated 2 months ago

Was this helpful?