Shopify Sidekick/Theme/Product Video Gallery Section
Task IntentTheme

Product Video Gallery Section

Showcase product videos in a gallery grid with lightbox playback support.

What This Sidekick Query Does

Showcase product videos in a gallery grid with lightbox playback support.

Prompt / Skill

Run on Sidekick
Create a product video gallery section that displays [NUMBER] product videos in a grid layout. Each video card should show a thumbnail image with a play button overlay. Support both YouTube and Vimeo URLs entered via section schema block settings – extract the video ID to create embed URLs. When a customer clicks a video thumbnail, open a lightbox modal with the embedded video player. The lightbox should close when clicking outside or pressing Escape. Add a section heading [SECTION_HEADING] (e.g., See It In Action). Display in a [COLUMNS]-column grid on desktop, 2 on tablet, 1 on mobile. Each video block in the schema should have fields for: video URL, thumbnail image (optional, auto-generate from YouTube/Vimeo if not provided), and a caption. Lazy-load iframes so they only load when the lightbox opens. Generate the Liquid section with schema blocks, JavaScript, and CSS.

Expected Output

Showcase product videos in a gallery grid with lightbox playback support.

Tips to Improve Results

  1. 1

    Copy the prompt above

  2. 2

    Open Shopify Sidekick in your Shopify admin

  3. 3

    Paste the prompt and replace the bracketed placeholders with your details

  4. 4

    Review Sidekick's response and apply the suggestions

Sidekick Skills & Magic Prompt icon

Sidekick Skills & Magic Prompt

Create & manage AI skills for Sidekick. Discover skills from other merchants.