> For the complete documentation index, see [llms.txt](https://docs.webexp.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.webexp.dev/drift-shopify-theme/drift-studio/sections-and-features/gallery.md).

# Gallery

A masonry or uniform-grid image gallery with click-to-enlarge lightbox. **Studio only.**

## How to access

Add the **DRIFT Gallery** section to any page in the customizer.

## Layout

### Layout style

Choose **Masonry** (preserves natural image ratios) or **Uniform grid** (all tiles match a chosen ratio).

### Image ratio (grid only)

Choose **Square (1:1)**, **Portrait (3:4)**, or **Landscape (4:3)**. Only applies to uniform grid layout.

### Columns — mobile

Range from 1 to 4. Default is 2.

### Columns — desktop

Range from 1 to 6. Default is 3.

### Gap between images

Range from 0 to 24 pixels in 4-pixel steps.

## Content

### Heading

Optional section heading.

## Blocks

Add **Image** blocks. Each block has:

* **Image** — The image to display.
* **Caption** — Optional text shown below the image and in the lightbox.