Task IntentTheme

Generate Video Background Section

Create a video background hero section with overlay, autoplay, text overlay, CTA buttons, and mobile fallback image.

What This Sidekick Query Does

Create a video background hero section with overlay, autoplay, text overlay, CTA buttons, and mobile fallback image.

Prompts

Copy, adapt, and run this directly in Shopify Sidekick.

Create a video background section block:

Features:

  Full-width video background (autoplay, loop, muted)
  Color overlay with adjustable opacity
  Text overlay (headline + subheadline)
  CTA button(s)
  Fallback image for mobile/slow connections


Settings:

  Video URL (YouTube, Vimeo, or hosted MP4)
  Fallback image picker
  Overlay color and opacity
  Headline text
  Subheadline text
  CTA button text and link
  Text alignment
  Minimum section height
  Play/pause button toggle


Requirements:

  Autoplay without sound (browser requirement)
  Mobile: show fallback image instead of video
  Responsive text sizing
  Accessible (video doesn’t autoplay for reduced-motion users)
  Lazy load video


Generate as a theme block.

Expected Output

Create a video background hero section with overlay, autoplay, text overlay, CTA buttons, and mobile fallback image.

Tips to Improve Results

Copy the prompt above

Open Shopify Sidekick in your Shopify admin

Paste the prompt and replace the bracketed placeholders with your details

Review Sidekick's response and apply the suggestions