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

# 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>