Adding a Photo Gallery to your Website

Step 1: Create the Gallery Page

First create the gallery page. You may want to start off by staging it in the Hidden section of the Virteom Platform. Click the plus sign next to the 'Hidden' menu node. You can always move the page later by dragging it around.

Create the Gallery Page

Give the Page a Name

  1. Give the page a name
  2. Select "Photo Gallery" off the page layout option
  3. Then click save

 

Give the Page a Name

Now Add Images to that Gallery Page

  1. Click on "Manager" on the top toolbar
  2. Click on "Modules" on the left toolbar
  3. Click on "Photo Galleries" under the modules section
Now Add Images to that Gallery Page

Add New Image

At the top click "Add New" to add a new image

  1. Fill out a Label. This will become the alt tag.
  2. Select the page(s) that the image should show up on. This will only work if the page has a layout of Gallery from the previous step. The benefit here is you could allow an image to show up on multiple gallery pages if you wanted to.
  3. Browse for the large image. This would be the large image that appears if they click on the thumbnail.
  4. Once you have that selected make sure to click 'Upload Now'

See next screen for next steps in the process...

Add New Image

Add New Image Part 2

Continuing down the screen in adding images. Add a thumbnail to the second browse area. This is the smaller image that appears. You can give the photo a description or leave it blank. Then click save.

Now repeat this process of adding images until all the images are in the gallery. Once you are done you should be able to go back to your gallery page and see the images you uploaded.

Add New Image Part 2

Photo Gallery

In this example I added two photos and on the gallery page I see two photos.

That's it. Now you can create as many pages on your site with as many photo galleries as you want. No programming needed.

Photo Gallery

 

/ Print
Posted by Dan Carbone in Learning, PhotoGallery

Comments


Be the first to comment
Name*
E-mail*
Website
Comment*
0 Pending Comments
 Keep me updated of follow-up comments!
Most Recent

By Olivia Justice
March 24, 2017 Category • How To, Image Resize

Is your website powered by Virteom CMS? Do your images look good on your laptop but not on your 4k monitor? Are your pictures a good size on desktop but become oversized or deformed on a mobile device? More than likely youre using pixels to set the dimensions of your photos, but is that the best way? This article will explain how you should be sizing the images on your Virteom powered website so that they look good across all devices. As you make edits and additions to the pages of your website you find yourself adding images to support your content. Typically, the size of your image is too large for your page and with the popup picture below you set dimensions of your image using pixels: Setting your images dimensions using pixels is what makes your image stretch on your cell phone or from one screen to another. You dont want to use pixels to set the dimensions of your images. For example: Here we have a picture of a tablet: Once we add it into the image uploader we see the width

By Olivia Justice
February 13, 2017 Category • Sidebar Menu, Page Information

How to use the Sidebar Menu Sidebar menus have been used as a directory for Related Pages to a Service offering, Navigation items to a specific service or topic and even just as Links the visitor may be interested in. Sidebar menus are extremely useful and allow users to control what links are added to a page as new content is created and if old content is obsolete. Does your website have a sidebar menu, but youre not exactly sure how to add navigation items to it or how to add it to a new page? This how to guide will take you step by step on how to create the menu item for the sidebar menu and how to add the sidebar menu to your page. Signing into the Virteom CMS First things first, youll need to sign into the back-end of Virteom CMS. Go to www.yourwebsite.com/virteom and type in your username and password. Creating a New Menu from Scratch for your Sidebar Menu Now that youre logged in, youll need to access your Navigation: 1. From the Black Navigation bar at the topic

By Olivia Justice
February 09, 2017 Category • How To, Info Boxes, Modules

How to add, edit and delete Info Boxes Does your Virteom powered website use info boxes to display information about your services? Are you stuck trying to use the editor but confused why you cant change the content within the box? Well, wonder no more. This follow along article explains how you can change the photo, text, button and link that is within these infoboxes. Log-in to your Virteom Powered website Obviously enough, you need to be logged in to edit the infoboxes. So, go to yourwebsite.com/virteom. Once youre logged in, access the Manager Now that youre logged in, youll be greeted by your homepage. In top black Navigation click on Manager Accessing Modules from the Website Tools In the left hand panel Website Tools youll see a item listed as Modules. Click on it. On the left you should see a dropdown of all the modules (or commonly known as plugins) that are installed on your website. They also display on the right hand side. 1. From the menu select

Get In Touch
We Tweets
Virteom ©