How to Add, Edit and Delete Photo Galleries Using PhotoGrid

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.

Log-In Screen | Virteom

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

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

Dashboard Navigation | Virteom

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

navigate to modules

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

Navigate to Modules > PhotoGrid
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.

PhotoGrid | Virteom

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 a New 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.

adding image 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.

adding photo captions in photogrid

  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.

photogrid | save button

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.

editing an exisiting photogrid
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

EDIT AN EXISITING 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'.

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'.

deleting an entire gallery



..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

Most Recent

How to Add, Edit and Delete Photo Galleries Using PhotoGrid

By Olivia Justice
July 24, 2019 Category: Learning, Modules

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. Enter your email address in the email field Enter your password in the password field Click Login Navigate to the PhotoGrid Module Once youre 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

How to Whitelist Emails

By Hayley Burke
July 08, 2019 Category: How To

Dont you hate it when you are waiting on an email from someone, and it never seems to come through, then days later you realize it was in your junk or spam folder the whole time? This is a common occurrence, especially these days with all of the unnecessary spam we get. That why you should whitelist email addresses that you know are from senders who have valuable information for you or contacts that you use frequently! What Does it Mean to Whitelist an Email? Whitelisting an email address is essentially just a list of approved senders so that you dont lose anything important to the junk folder. This practice is best for people who are signed up for any email subscriptions. How to Whitelist Emails: Whitelisting is an easy one-time process that allows you to never miss an email again. Though the process varies slightly based on the email platform, you use. Below are instructions on how to whitelist emails across the major email systems. Android Mail AOL Mail Apple Mail(OS X and

Why Do My WordPress Plug-Ins Keep Changing?

By Olivia Justice
June 18, 2019 Category: WordPress

WordPress is apublishing platform for managing your digital presence and establishing your brand. Even if there are no built-in options, themes, or features that you want or need, there are thousands of third-party plugins and web apps that can be integrated seamlessly. According to W3techs, WordPress has 58.8% of the CMS marketshare. However, what most site admins discover as they develop and expand their WordPress powered site, every plugin you install requires a steady stream of updates to keep all features working properly. Essentially, the maintenance is a nightmare. Developers update, upgrade, add-on and change plugins on what feels like a daily basis. If you dont have the technical knowledge to read through the plugin updates or version notes, you may be upgrading to a plugin that is not compatible with the version of WordPress youre running. And even if you have the technical knowledge, you may find that an update to one plugin has completely messed up the functionality of another

Address

  • Virteom LLC
  • 36711 American Way
  • Suite 2D
  • Avon, Ohio 44011

Most Recent Blogs