Update Gallery Page — Astro Template Guide

documentation

Publih On: 2023-12-02

Learn how to update the gallery index page on the Blacks Astro JS template.

Full documentation: Gallery guide →

---

Where to Find the Gallery Index

Open the file:

src/pages/gallery/index.md

This file controls the content of your gallery index page — the landing page that links to your image and video galleries.

---

Frontmatter Format

---
layout: ../../design/gallery/start.astro
title: Title for your gallery page here...
description: Insert description gallery page here...
image: Insert url for image cover here...
image_icon: insert url for image gallery here...
image_text: Insert text info for your image gallery here..
video_icon: insert your video gallery icon here...
video_text: insert your text info for video gallery here...
---

---

What Each Field Does

Field	Purpose
layout	Gallery layout template. Don’t change this.
title	Gallery page title — appears in the browser tab and SEO
description	Meta description — used by Google and social previews
image	Cover image for the gallery index page
image_icon	Icon for the image gallery card
image_text	Label for the image gallery card
video_icon	Icon for the video gallery card
video_text	Label for the video gallery card

---

Save and Preview

After updating:

1. Save the file
2. The development server refreshes automatically
3. Visit localhost:4321/gallery to see the result

---

Next Step — Create Gallery Content

Now you can create the actual image and video gallery content:

• How to work with the image gallery →
• How to work with the video gallery →

---

Need Help?

If you need custom work or a headless CMS integrated, our team can help.

Headless CMS Integration →