Task IntentTheme

Generate Image Gallery with Lightbox

Build a responsive image gallery with masonry or grid layout, lightbox zoom, lazy loading, and customizable columns.

What This Sidekick Query Does

Build a responsive image gallery with masonry or grid layout, lightbox zoom, lazy loading, and customizable columns.

Prompt / Skill

Create an image gallery block with lightbox:

Layout options:

  Grid layout (equal sizes)
  Masonry layout (varied heights)
  Carousel/slider mode


Features:

  Click to open full-size lightbox
  Previous/next navigation in lightbox
  Close button and click-outside-to-close
  Image captions (optional)
  Lazy loading for performance


Settings:

  Columns per row (2-5 on desktop)
  Gap between images
  Image aspect ratio (square/original/16:9)
  Border radius
  Hover effect (zoom/fade/overlay)
  Caption position (below/overlay)


Requirements:

  Support for up to 20 images
  Mobile responsive (2 columns on mobile)
  Keyboard navigation in lightbox
  Smooth transitions


Generate as a theme block.

Expected Output

Build a responsive image gallery with masonry or grid layout, lightbox zoom, lazy loading, and customizable columns.

Tips to Improve Results

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

Sidekick Skills & Magic Prompt

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