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.

Prompts

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

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

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