# Gallery

Quickly build an image gallery utilizing Story's design language. The Gallery section is an easy-to-build section that includes many features to customize the layout. Use multiple gallery sections to combine different layout styles:

<figure><img src="/files/jKZGnI3ZlWRwFpBobrx9" alt=""><figcaption><p><strong>Combination of two gallery sections: 3 images, 2 images</strong></p></figcaption></figure>

Create different layouts by choosing the number of images shown in each section:

<figure><img src="/files/XfufVymGVuXRFRA8jyHV" alt=""><figcaption><p><strong>Combination: 2 images, 1 image</strong></p></figcaption></figure>

## Section settings

* The "Scale images" option will evenly size images in the row:

<figure><img src="/files/QLZ3wnwXnHj4JlCtDDl7" alt=""><figcaption><p><strong>Scale images checkbox</strong></p></figcaption></figure>

* The "Space images" checkbox can be used to toggle spacing **between** images on the same row:

<figure><img src="/files/8BAbhTTqvPaJ67iGTMOH" alt=""><figcaption><p><strong>Space images checkbox</strong></p></figcaption></figure>

* Use section top and bottom padding to adjust the padding between sections.

## Block settings

The gallery images are interactive. When a shopper clicks on a gallery image, a fully zoomed version of the image can be displayed or alternatively, a YouTube or Vimeo video can be shown:

<figure><img src="/files/40h6kv5BuPMPAM0SKAFC" alt=""><figcaption><p><strong>Example of image zoom</strong></p></figcaption></figure>

### Zoom

* Keep the "Link" field blank to use the image zoom feature:

<figure><img src="/files/0H2lPcpFpZa1H0FD9uOi" alt=""><figcaption></figcaption></figure>

### Video

* To display a popup **YouTube or Vimeo video**, add the URL address for the video in the "Link" field:

<figure><img src="/files/vUkCTBCJ9P6SWezdok78" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://story.groupthought.com/sections/story-sections/gallery.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.