Skip to main content

Image Gallery Section Guide

The Image Gallery section lets you add a flexible image grid or masonry gallery anywhere in your theme.

Quick Setup​

  1. Go to Online Store -> Themes -> Customize.
  2. Open the page/template where you want the gallery.
  3. Click Add section.
  4. Choose Image Gallery.
  5. Add one or more Image blocks.
  6. Save.

Inside the Image Gallery section settings:

  • Set Layout to:
    • Grid for even rows and columns
    • Masonry for staggered image heights
  • Set Columns (desktop)
  • Set Mobile columns
  • Set Image gap

Heading and Subheading​

You can optionally add:

  • Heading
  • Subheading
  • Typography presets (or custom typography settings)

Per-Image Controls​

Each Image block supports the standard image block options, including:

  • Image selection
  • Optional link
  • Sizing/spacing
  • Visual effects (based on block settings)

Tips​

  • Use similar aspect ratios for a cleaner Grid layout.
  • Use mixed aspect ratios for a more editorial Masonry look.
  • Start with 2 mobile columns, then adjust based on image detail/readability.