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
Copy, adapt, and run this prompt or skill workflow directly in Shopify 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
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
Sidekick Skills & Magic Prompt
Create & Manage AI skills for Sidekick. Discover AI skills from other merchants.
Build unlimited custom Sidekick skills, organize prompts into collections, and discover proven workflows shared by other Shopify merchants.