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

# Image Gallery

Use an image gallery to tell an engaging story through a collection of pictures. It's perfect for showcasing products, sharing special memories, or displaying your creative creations.

{% hint style="info" %}
Live Demo: <https://candidate.codenation.com/image_gallery>
{% endhint %}

<figure><img src="https://2029999482-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LeL-FYaRUlvUn8HHUaD-887967055%2Fuploads%2FsaENLZQJtpIMKnfUQqBE%2Fimage.png?alt=media&amp;token=b2ab0583-7306-40de-a2d5-91ddf0f30992" alt="Image Gallery Example" width="563"><figcaption><p>Image Gallery Example</p></figcaption></figure>

<figure><img src="https://2029999482-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LeL-FYaRUlvUn8HHUaD-887967055%2Fuploads%2FhFjYYKe9OAm731fcxBvc%2Fimage.png?alt=media&amp;token=e18a5ada-4a2d-4304-9d13-e05fd0080766" alt="Image Gallery Selected Preview" width="563"><figcaption><p>Image Gallery Selected Preview</p></figcaption></figure>

## Adding an image gallery

1. Create a new basic subpage for your image collection (i.e. 2036 Annual Event Catchup).
2. Add each image as a featured content slide to the subpages featured content slider by navigating to **Settings > Featured Content Sliders**. &#x20;
3. Add the tag `Admin Show Image Gallery` to the page you want to feature the image gallery.&#x20;
4. Preview your gallery.