> ## Documentation Index
> Fetch the complete documentation index at: https://help.coachiq.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Gallery Section

> Learn how to add, customize, and manage the Gallery Block in the CoachIQ website builder to showcase images with customizable layouts.

## **Introduction**

The **Gallery Block** in the CoachIQ website builder allows you to display a collection of images in a customizable layout. This guide will walk you through adding, customizing, and managing your gallery to enhance your website's visual appeal.

<video controls className="w-full aspect-video rounded-xl" src="https://share.coachiq.io/nqRWXFx0" />

### **Adding a Gallery Section**

1. **Open the website builder.**
2. **Click** `Add Section`.
3. **Select** `CoachIQ Gallery`.
4. The gallery section will appear at the bottom of the page.
5. **Click and drag** the section to reposition it where you want.

### **Uploading and Managing Images**

1. **Click** on the gallery section to open its settings.
2. **Click** the **Edit** (pencil icon).
3. **Upload** new images or **select** from existing media.
4. **Create a tag** for your images (e.g., `Homepage Gallery`).
5. **Apply** the created tag to the uploaded images.

### **Displaying Tagged Images**

1. **Close** the image uploader.
2. **Enter** your created tag under **Search Media Tags**.
3. The gallery will automatically populate with images associated with that tag.

### **Customizing the Gallery Layout**

* **View More Option**: Allows users to scroll through more images.
* **Columns & Image Size**:
  * Adjust the number of columns displayed.
  * Modify the spacing between images.
  * Resize images as needed.
* **Border Radius**:
  * Set the border radius to change image shape.
  * Set to `0` for square images or increase for rounded edges/circles.
* **Static Grid Mode**:
  * Enable to display all images at once, disabling the **View More** function.

### **Publishing Your Gallery**

<Frame>
  <img src="https://mintcdn.com/coachiq/aSCvhZYfXDnwAipt/images/gallery-example.avif?fit=max&auto=format&n=aSCvhZYfXDnwAipt&q=85&s=88fe0d416858b72cdaacf33c626a0c52" alt="Gallery Example Avi" width="1536" height="619" data-path="images/gallery-example.avif" />
</Frame>

1. After customizing, **click** `Publish`.
2. Your gallery is now live on your website.

### **Troubleshooting**

* **Images Not Showing?**
  * Ensure the correct tag is applied and entered in **Search Media Tags**.
* **Gallery Section Not Moving?**
  * Refresh the page and try dragging the section again.
* **Changes Not Applying?**
  * Make sure to **click** `Publish` after making updates.