← All Skills
Theme 💎 Built for Sidekick ✍️ Sidekick drafts it — you apply it
shopify sidekick theme testimonials

Generate Video Testimonials Section

Create a video testimonials section with thumbnail grid, inline playback, customer info overlay, and featured video spotlight.

View as Markdown

Sidekick writes it — you put it live

Sidekick produces the content or code for this, but doesn't apply it to your store itself. You'll paste or publish the result yourself — the prompt tells Sidekick to explain exactly where it goes.

📋 Prompt
Run in Sidekick 
Generate the Liquid, CSS, and JavaScript for a video testimonials section that I can paste into my theme as a custom section, with these specifications:

Video Card Content:

  Video thumbnail image (auto-generated or custom upload)
  Play button overlay on thumbnail
  Customer name and title/role
  Short text quote excerpt
  Star rating
  Video duration display
  Product mentioned (linked)


Video Playback Options:

  Inline playback (expand in place)
  Lightbox/modal playback
  Video source: [YouTube/Vimeo/self-hosted/Shopify Files]
  Autoplay on click, muted option
  Playback controls visible


Layout Options:

  Featured video large with smaller thumbnails below
  Uniform grid: [2/3/4] videos per row
  Carousel slider for video thumbnails
  List view: video left, quote and details right


Section Settings:

  Section heading: [SECTION_HEADING]
  Subheading text: [SUBHEADING]
  Background color: [BACKGROUND_COLOR]
  Padding: [TOP_PADDING]px / [BOTTOM_PADDING]px
  CTA below section: [CTA_TEXT] linking to [CTA_URL]


Design Settings:

  Thumbnail border radius: [RADIUS]px
  Play button style: [circle/rounded-rectangle] in [BUTTON_COLOR]
  Overlay gradient on thumbnail for text readability
  Card style: [minimal/shadow/bordered]
  Hover effect: [scale/brighten/play-preview]


Requirements:

  Lazy load video thumbnails and defer video loading
  Responsive layout adjustments
  Accessible play button with descriptive label
  Keyboard navigable video controls
  Support for at least [NUMBER] video testimonials
  No autoplay on page load (respects user preference)


Where to paste this: In Shopify admin, go to Online Store > Themes > Edit code, create a new file at sections/video-testimonials.liquid, and paste in the generated Liquid, CSS, and JavaScript. Save, then add the section to a page via the theme customizer (Online Store > Themes > Customize > Add Section).

How to Use

  1. Copy the prompt above
  2. Open Shopify Sidekick in your Shopify admin
  3. Paste the prompt and replace the bracketed placeholders with your details
  4. Review Sidekick's response and apply the suggestions