How to Add, Edit and Delete Photo Galleries Using PhotoGrid

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

Learn More About Virteom

Virteom is a technology firm focusing on helping businesses grow using lead generation campaigns and smart websites. If you are interested in learning more about how we can help you further your reach, gain new customers, and overall improve your company, check out our services and contact us today!

Loading Form...
Posted By Olivia Justice in Learning, Modules

Related Posts

Email Footers with Dynamic Advertisements, Company Wide

Virteom has the ability to manage all of your employees email footers easily and effectively.  The first thing you will want to do is add each employee as a member of the Virteom system.  Do this by clicking on the 'Manager' option on the top toolbar and then clicking on the 'Members' option on the left toolbar. Every member in the system can have the capability of having their own footer. So this can be an 'Admin' or an 'Employee' as as example.  But it is not limited to those types. Add a Member Now add each employee of your organization as a member to the system. Do this by clicking 'Add New Member' and fill in their information.    Managing Your Email Footers Company Wide Once you are done adding each employee you will notice that there is an Email Footer in the lower right with a button called click here. When you click this button a new window will open up and a generated email footer for that employee will

Nov 25, 2012 Posted By Dan Carbone

How to Add Images to Your Website

One of the easiest ways to add some flare to your website is to add images. But how do you add images to your Virteom website? In this article we'll cover all the bases on just that.  Preparing your image for upload First things first, we'll need you to prepare your image for upload. There are a few things you should do to your image before uploading your image to your website: Make sure your image name does not have any spaces in it. We suggest replacing any spaces in your file name with dashes (-) or underscores (_).  Optimize your image for the web. To keep your website running at top speed, you'll want to optimize your image for web. How do you do this? Use an image optimizer like this one.   Uploading your new Image into Virteom Editor Now that you have prepared your image to be uploaded, you're locked in loaded to upload it to the Virteom CMS.  Go to your website and log into your Virteom editor. Once you are logged in go to

Nov 20, 2012 Posted By Dan Carbone

Virteom Cloud Marketing Overview

So many marketing and web development firms promise you award winning websites. This sounds sexy, but what does it really mean to you? Doesn't this mean that they will be winning the award for a good looking website rather than building you a tool that will effectively grow your business?  We think that's what it means. Virteom is on a Mission Virteom is on a mission to change what we do once we launch websites.  We're so serious about this mission that we've become the back end technology firm for marketing firms from Cleveland to Detroit.These marketing firms put their trust in Virteom that we will effectively help them grow their customers relationships.  How do we do it? Take a look at the quick overview video of our technology and you'll quickly understand that we create what we like to call Marketing Rhythm.  In fact some experts believe we just may be forging a whole new segment with our technology.  Rhythmic Marketing Rhythmic

Nov 13, 2012 Posted By Dan Carbone

Most Recent

Why Do I Need to Clear My Cache?

Posted By Virteom
May 07, 2021 Category: Clear Cache

If you have owned a computer for any length of time you likely have experienced the dread of internet slow down. If it gets bad enough that you need to reach out for technical support one of the first things that they will tell you to try is to clear your browser cache. But what does clearing your cache even do? Why does it help? What is Your Browser Cache? Your cache is the name for a portion of your hard drive that is dedicated to storing browser files that your browser determines it may need to use again. Web pages are packed with information, and this information is stored in dozens, hundreds and sometimes thousands of files for just one site. Your browser will cache portions of the page for you so in future visits load times are quicker, improving your overall internet experience. Why Should I Clear my Cache? Your browser will store things like files, CSS styles, JavaScript scripts, images, and other multimedia content. That is why when you’re working with a web development firm and request updates like font changes (color/size) we request you clear your cache frequently to see these changes in real-time.  When changes are made to your website like updating a logo, changing a picture, increasing font or changing colors, you may run into trouble with your browser's cache. Occasionally your browser will load your cached info instead of updated portions of the page that you are desiring to view. This can result in a slow down, image errors or not seeing

How To Set A Social Share Image for a Page

Posted By Alesha Wireman
May 01, 2020 Category: Learning, Modules, How To

One of the newest features found within your Virteom powered website is the ability for you to add a social share image to any and every site page. This means that when any page of your website is shared on a social media platform, the image that accompanies the post is one that you choose. Social share images play a large role in the number of engagements your posts or others' posts linking to your website receive. It can impact a viewer's decision to click the post, view the page to find out more, and can ultimately result in new business for you.   This new feature is important for several reasons. You now have the ability to control the social share image for every page of your website to ensure that it's the best reflection of your company and the content overall. You can set the image so that it follows your brand guidelines and captures your audience's attention, making them want to visit the website page every time! Updating the social share image is the simplest way to guarantee that your website, blog posts, and site pages present beautifully on any social media platform across the board. How to set a social share image Login To Your Site To make edits to your website, you'll need to log-in first:  Login to the back-end of your website by visiting (your URL.com)/virteom Enter your username Enter your password Click 'Login' Navigate to the Page you're Setting A Social

How to Add, Edit and Delete Photos Using the Masonry Module

Posted By Olivia Justice
March 23, 2020 Category: Learning, Modules

Is your Virteom powered website utilizing the Masonry Photo Module? Adding new photos to your gallery is really simple and even allows you to upload multiple images at one time. The one real advantage of using the masonry module is so that you can display images in groupings or categories on a singular webpage. This allows you to separate images out into different galleries so like photos can appear together. For example: Say you're a landscaper and you have a webpage entitled "Hardscapes". You may want to output multiple galleries on this single page to break out each type of hardscape you've done: walkways, patios, pergolas, steps, fire pits, etc. The masonry photo module allows you to accomplish this. You can set multiple categories, and multiple galleries in that one category - all to output on one single webpage. In this how-to article, we explain how to add a new category, add a new gallery, edit an existing category, edit an existing gallery (adding images to an existing gallery), and how to delete categories, galleries, and images in the Masonry Photos module powered by RocketSites. 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 Masonry Grid