How to Add, Edit and Delete Photos in the PhotoGrid Module

Does your Virteom powered website have a photo gallery on it? Adding new photos to your gallery is really simple and even allows you to upload multiple images at one time.

In this how-to article, we explain how to add new photos to the gallery, remove photos from a gallery, add captions and delete your photo gallery.

Logging-In

First things first, you must log-in to your Virteom powered website. You can do this by visiting your website and adding /virteom at the end. This will take you to the log-in screen for the site.

1. Enter your email address in the email field
2. Enter your password in the password field
3. Click 'Login'

Navigate to the PhotoGrid Module

Once you're logged-in you click 'Dashboard' from the top gray editor menu.

After clicking 'Dashboard' use the left sidebar menu to navigate over to 'Modules'.

The module that handles gallery images is called 'PhotoGrid.' Find PhotoGrid in the menu and click it.

Now that you are in the PhotoGrid module, you'll see an inventory list of all the PhotoGrids on your website. The inventory page allows you to add a new gallery, edit an existing gallery or delete one altogether.

Adding a New Gallery

To add a new gallery to the website, click 'Add New' from the PhotoGrid inventory page (image above).

Once you click 'Add New' a new page will populate.

Note: You may need to enable Adobe Flash to see the image uploader. This will refresh the page and you may need to re-navigate back to the module * see previous steps. Once Flash is enabled once on your browser, you should not have to enable it again.

On the New PhotoGrid Page you may enter (* = required)

1. Title of Gallery*: This is the back-end title for your gallery to distinguish between one gallery vs. another
2. Order Value: If you have multiple galleries on one page, the order value represents the order the gallery is displayed on the page
3. Page(s) for display*: You must select at least one page for the gallery to appear on. This is a multi-select tool so your gallery can appear on multiple pages
4. Browse File: Now that you gave your gallery a name and chose which page it will appear on, you can add photos to the gallery by browsing your computer
   • Please Note: The order for which your images will appear is by the order in which they are loaded in. The first image that is loaded in will be the first image in the gallery. At this time we do not have the ability to set the order of images.
5. Upload Now: Once you have selected the photos that should appear in your gallery, click 'Upload Now'. This uploads your images to the gallery.
6. Add Image Properties: This is where you'll be able to set the captions for your images
   • Please Note: You must first save the gallery after your images were uploaded to add captions.
7. Grid (Gallery) Description: This is the title for your gallery that will output in the page. It is typically in a header font
8. Save: You must click 'Save' after making changes to the gallery

Adding Image Captions

Once your gallery images are loaded in and you save the inital gallery, you can go back in to add captions. I recommend clicking on the 'PhotoGrid' module in the left-hand menu and clicking 'Edit' on the new gallery before adding in captions.

When you click on 'Add Image Properties' it will bring open a pop-up window. In this window, you'll be able to set the caption for each image.

1. Enter a caption for the photo in the right text box
2. Once your image captions are in, click 'Save'

Once your image captions are loaded in, and all your photos are added in - click "Save" at the bottom of the page.

Editing an Existing Gallery

If your goal is to edit an existing gallery, use the steps outlined (above) to navigate over to the PhotoGrid module. Locate the gallery you would like to edit and click the 'Edit' button from the PhotoGrid inventory screen.

Once you're in 'Edit' mode you can manage the information that is outputting through the PhotoGrid module.

To edit:

1. Title of Gallery*: Use box to edit the back-end title of your gallery.
2. Order Value: If you have multiple galleries on one page, the order value represents the order the gallery is displayed on the page. You can enter a different number here.
3. Page(s) for display*: You must select at least one page for the gallery to appear on. This is a multi-select tool so your gallery can appear on multiple pages. If you want to edit which page it shows up on, deselect the page that is selected in green and select a new page.
4. Browse File: To add new photos to an exisiting gallery, browse your computer and locate them.
   • Please Note: The order for which your images will appear is by the order in which they are loaded in. The first image that is loaded in will be the first image in the gallery.
5. Upload Now: If you want to add new photos to an existing gallery, browse (above) and then click 'Upload'.
6. 'X' Icon: The 'X' icon that appears to the right of an image title allows you to delete the image from the gallery. Once you click the 'X' a new window will populate and ask you if you're sure you'd like to delete. Click 'Delete'
7. Add Image Properties: This is where you'll be able to edit the captions for your images
   • Please Note: You must first save the gallery after your images were uploaded to add captions.
8. Grid (Gallery) Description: This is the title for your gallery that will output in the page. If you'd like to edit just use the text box.
9. Save: You must click 'Save' after making changes to the gallery

Deleting Images From a Gallery

If you'd like to delete an image from your PhotoGrid gallery, click the 'X' icon next to the image.
A new window will populate and ask if you are sure. Click 'Delete'.

Deleting an Entire Gallery

If you'd like to completely delete a gallery from your website, head back over to the PhotoGrid module inventory page (steps mentioned above).

From the inventory page, click 'Delete' next to the gallery you'd like to remove.

It will ask you if you're sure if you'd like to delete the record click 'Delete'.

..And that's all folks! This guide shows you how to add a new gallery to the PhotoGrid module, edit an existing gallery, add image captions, and delete a gallery from your website.

WEBSITE MAINTENANCE & SUPPORT FROM VIRTEOM

If you have any questions or your site is not running the PhotoGrid module - reach out to a Virteom support team member today! We'll be happy to help.

CONTACT SUPPORT