> For the complete documentation index, see [llms.txt](https://docs.strm.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.strm.design/reference/sections/image-gallery.md).

# Image gallery

A gallery of images in square tiles or a masonry layout with a full-screen lightbox. Images can link to products.

A gallery of images in square tiles or a masonry layout with a full-screen lightbox. Images can link to products.

**Where:** Any template (Add section)\
**File:** `sections/image-gallery.liquid`

![Image gallery](https://2073252647-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX7okZwFVjG38blUMwqg%2Fuploads%2Fgit-blob-c418df3d69471a32e98200e206fb7426dc19cc93%2Fimage-gallery.png?alt=media)

## Section settings

| Setting                      | Type                       | Options                                  | Default      | Notes                                                |
| ---------------------------- | -------------------------- | ---------------------------------------- | ------------ | ---------------------------------------------------- |
| **Heading**                  | Text (bold, italic, links) |                                          | Gallery      |                                                      |
| **Subheading**               | Text                       |                                          |              |                                                      |
| **Layout**                   | Choice                     | Square tiles, Mixed shapes with lightbox | Square tiles |                                                      |
| **Columns on large screens** | Slider                     | 2–5, steps of 1                          | 4            | Shown when **Layout** is Mixed shapes with lightbox. |
| **Color scheme**             | Color scheme               |                                          | Scheme 1     |                                                      |
| **Top padding**              | Slider                     | 0–160px, steps of 4                      | 48px         |                                                      |
| **Bottom padding**           | Slider                     | 0–160px, steps of 4                      | 48px         |                                                      |

## Blocks

### Gallery image block

One image in the image gallery, with a caption and an optional product or link.

| Setting           | Type    | Options | Default | Notes                                                                     |
| ----------------- | ------- | ------- | ------- | ------------------------------------------------------------------------- |
| **Image**         | Image   |         |         |                                                                           |
| **Caption**       | Text    |         |         | For example a photo credit or a customer's handle, with their permission. |
| **Product shown** | Product |         |         |                                                                           |
| **Link**          | Link    |         |         | Overrides the product link.                                               |

## Presets

Add it from **Add section** as: **Image gallery**, **Masonry gallery**.