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.

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

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.