---
title: "Gallery Shortcodes"
date: "2023-01-01"
description: "Demonstration of the `paige/gallery` and `paige/gallery/item` shortcodes."
---

## `paige/gallery` shortcode

### Grid display

{{< paige/gallery images="1*" caption="1 image" />}}
{{< paige/gallery images="2*" caption="2 images" />}}
{{< paige/gallery images="3*" caption="3 images" />}}
{{< paige/gallery images="4*" caption="4 images" />}}
{{< paige/gallery images="5*" caption="5 images" />}}
{{< paige/gallery images="6*" caption="6 images" />}}
{{< paige/gallery caption="All images" />}}

### List display

{{< paige/gallery images="1*" caption="1 image" display="list" />}}
{{< paige/gallery images="2*" caption="2 images" display="list" />}}
{{< paige/gallery images="3*" caption="3 images" display="list" />}}
{{< paige/gallery images="4*" caption="4 images" display="list" />}}
{{< paige/gallery images="5*" caption="5 images" display="list" />}}
{{< paige/gallery images="6*" caption="6 images" display="list" />}}
{{< paige/gallery caption="All images" display="list" />}}

## `paige/gallery/item` shortcode

{{< paige/gallery caption="1 image" >}}
{{< paige/gallery/item image="*-1*" caption="Image 1" >}}
{{< /paige/gallery >}}

{{< paige/gallery caption="2 images" >}}
{{< paige/gallery/item image="*-2*" caption="Image 1" >}}
{{< paige/gallery/item image="*-3*" caption="Image 2" >}}
{{< /paige/gallery >}}

{{< paige/gallery caption="3 images" >}}
{{< paige/gallery/item image="*-4*" caption="Image 1" >}}
{{< paige/gallery/item image="*-5*" caption="Image 2" >}}
{{< paige/gallery/item image="*-6*" caption="Image 3" >}}
{{< /paige/gallery >}}

{{< paige/gallery caption="4 images" >}}
{{< paige/gallery/item image="*-7*" caption="Image 1" >}}
{{< paige/gallery/item image="*-8*" caption="Image 2" >}}
{{< paige/gallery/item image="*-9*" caption="Image 3" >}}
{{< paige/gallery/item image="*-10*" caption="Image 4" >}}
{{< /paige/gallery >}}

{{< paige/gallery caption="5 images" >}}
{{< paige/gallery/item image="*-11*" caption="Image 1" >}}
{{< paige/gallery/item image="*-12*" caption="Image 2" >}}
{{< paige/gallery/item image="*-13*" caption="Image 3" >}}
{{< paige/gallery/item image="*-14*" caption="Image 4" >}}
{{< paige/gallery/item image="*-15*" caption="Image 5" >}}
{{< /paige/gallery >}}

{{< paige/gallery caption="6 images" >}}
{{< paige/gallery/item image="*-16*" caption="Image 1" >}}
{{< paige/gallery/item image="*-17*" caption="Image 2" >}}
{{< paige/gallery/item image="*-18*" caption="Image 3" >}}
{{< paige/gallery/item image="*-19*" caption="Image 4" >}}
{{< paige/gallery/item image="*-20*" caption="Image 5" >}}
{{< paige/gallery/item image="*-21*" caption="Image 6" >}}
{{< /paige/gallery >}}

Photos by [Lanty](https://unsplash.com/@photos_by_lanty).