Using the Gallery Template 🖼️ 📸

The Gallery Template allows you to showcase a collection of images in a grid format, making it perfect for displaying multiple photos or project steps.

1. Add Content

Enter Project Details:
- Add a Project Name (maximum 180 characters).
- Write your Project Description (you can style the text as needed).
Upload Images:
- Click the upload box or drag and drop your images.
- Make sure your images meet these requirements:
  - Maximum file size: 20MB
  - Supported formats: PNG, JPG, WEBP, GIF
  - High-resolution images are recommended.
  - Only upload media you own the rights to.
Notes:
- The Gallery Template allows a maximum of 30 images.
- Uploaded images will automatically adjust to a fixed width of 732px, with the height determined by their aspect ratio.

2. Manage Your Images

After uploading your images, click on them or hover over them to access additional options:

Switch to Another Template:
- From Gallery to Image:
  - Click the Image icon (:imagebutton:) on the portfolio tools bar.
  - Confirm the switch to the Image layout.
  - Only the first image in your current gallery will remain, and the layout will update to a Single Image Template.
  - Learn more about the Image Template here.
- From Gallery to Slideshow:
  - Click the Slideshow icon (:slideshowsbutton:) on the portfolio tools bar.
  - Confirm the switch to the Slideshow layout.
  - All your images will remain, but the layout will change to a Slideshow Template, displaying images one at a time in a slideshow format.
  - Learn more about the Slideshow Template here.
Add Alt Text:
- Click the Alt Text icon (:alttextbutton:).
- Enter a description for improved accessibility.
- Click Save to apply the alt text.
Delete All Images:
- Click the :deletebutton: Delete All option to remove all images.
- Confirm the deletion.
- You can start uploading new images again.
Add More Images to the Gallery:
- Click on ➕ Add Image to upload additional images to expand your gallery, as long as it doesn’t exceed the 30-image limit.
Manage Individual Images:
- Delete a Single Image:
  - Hover over an image and click the Trash Icon (:deletebutton:) in the top-right corner to remove it from the gallery.
- Reorder Images:
  - Hover over an image, drag it to rearrange the order, and drop it in the desired position within the gallery grid.

3. Update Portfolio Thumbnail

A portfolio thumbnail is required. After uploading your images, you can update the thumbnail:

Click Change Image.
Choose to use a Default Thumbnail or upload a Custom Image.
- Default Thumbnail:
  - Click Select from Gallery.
  - Pick the image you want to use and click Update.
- Custom Image Requirements:
  - Format: JPG, JPEG, PNG, GIF, WEBP
  - Maximum file size: 10MB
  - Recommended dimensions: 1200x970 (4:3 ratio).