---
title: "Photo Gallery"
slug: "photo-gallery"
updated: 2023-03-29T14:57:42Z
published: 2023-03-29T14:57:42Z
canonical: "docs.winedirect.com/photo-gallery"
---

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

# Photo Gallery

Our Photo Galleries tool offers an easy and intuitive way to create an online slideshow for your photos. Photos will be saved to our server and can be added to a single gallery at a time.

---

## [](https://documentation.vin65.com/Content-Editor/Photo-Gallery)Create A Photo Gallery

Before you can add images, you must create a photo gallery to assign them to. The following steps will assist you in creating a gallery.

1. Navigate to **Content Editor > Components > Photo Galleries.**

2. Click the green **[+] Add a Photo Gallery** button on the right of the Photo Galleries section.

3. Enter the name of your gallery (title), order, and add an optional description of what the gallery contains.

![](https://documentation.vin65.com/assets/client/Image/Content%20Editor/Photo-Galleries/Photo-Galleries-Add.png)

Table of Definitions:

| Title | The name of your photo gallery. This name is for internal purposes and will help you identify your gallery in the admin panel. |
| --- | --- |
| Description | A description for admin users to reference the type of images to be uploaded to this gallery. |
| Order | The order in which the gallery appears in the photo gallery section. |

4. Click **Save** to create and save your gallery.

---

[](https://documentation.vin65.com/Content-Editor/Photo-Gallery)Add Photos To A Gallery

Once you have created a gallery, you will need to add images to your gallery. Photos are added to the gallery by going to the Photo Gallery Section. The following steps will assist you in adding images to a photo gallery.

1. Navigate to **Content Editor > Components > Photo Gallery > Add a Photo > Save.**

![](https://documentation.vin65.com/assets/client/Image/Content%20Editor/Photo-Galleries/Photo-Galleries-Photo-Add.png)

Table of Definitions:

| Title | The name of the photo is shown in the admin panel. This name will not appear on the website. |
| --- | --- |
| Link | The link is an optional field. This allows you to link the photo to a page on your website or an eternal website. - **Internal Links:** You can use the URL for the page on the website you wish to link to. - i.e.,/About-Us - **External Links (Linking to a different website):** You are required to include the URL for the site, including https:// - i.e., https://www.vin65.com |
| Gallery | Allows you to assign the photo to the correct gallery. A photo can only be assigned to a single gallery. If you wish to use the photo in more than one gallery, you must upload a separate image file, with a different name, to each gallery. |
| Order | The order of your photo will appear in your gallery. - **Please Note:** All new photos are assigned an order of 1 and will become the first image in your gallery unless you assign a to them. - i.e., 1, 2, 3, etc. |
| Photo | Use the 'Choose File' button to select the photo you wish to upload from your computer. Photos should be as close to the recommended size as possible. - **.jpg** & .**png** files are accepted. - Image file **names should not contain** any **spaces or special characters**. - i.e., Vineyard-Spring.jpg is acceptable; Vineyard Spring.jpg is not |
| Caption | Adds a small caption text to the bottom of the image when it shows in the gallery on the website. ![](https://documentation.vin65.com/assets/client/Image/Content%20Editor/Photo-Galleries/Photo-Galleries-Caption.png) |

4. Click **Save** to save your photo.

---

[](https://documentation.vin65.com/Content-Editor/Photo-Gallery)Place A Gallery On Your Website

Like other WineDirect components, Photo Galleries can be added to a page using the components button. The following steps will assist you in adding a photo gallery to a page on your website.

1. Navigate to **Content Editor > General Pages** and select the page to which you wish to add the gallery from the page tree on the left of the General Pages section.

2. Place your cursor on the page where you want the photo gallery to appear and click the component button from the content editor toolbar (the icon looks like a gear).

3. From the component drop-down, look for Photo Gallery: and then the name of your gallery. Click **OK**.

4. Click **Save Page** at the bottom to save your changes.

 You can only apply **one photo gallery per page**. If you place more than one on any page, only the first gallery will render. All others will read "Photo Gallery Rendered Here."