Photo Gallery

WHAT DOES THE PHOTOS MODULE DO?

The Photos Module creates a page that allows you to have a categorised list of Photos/Images. It also allows you to use Photo Gallery Widgets and display images of a particular category on other pages of your website. The Photos Page displays all of the active photos/images. 

The Administer Image Library area will allow you to administer Categories for your Photos/Images as well as your Photo/Image items.

This section covers:

  • Adding a Photos Page
  • Setting Image Library Preferences
  • Adding a Photo Category
  • Editing a Photo Category
  • Deleting a Photo Category
  • Adding a Single Photo Item
  • Adding Multiple Photo Items
  • Editing a Photo Item
  • Deleting a Photo Item
  • Displaying Photo Gallery on your Website

SETTING UP THE PHOTOS MODULE

  • To display your photo gallery, you need to have a page on your website selecting "Photos" as the Module Name. The page must also be active.  You will be able to tell which page is assigned to the Photos Module by the photos icon (as shown below).
    Refer:  Adding Pages

  • If you would like any text to appear above your Photos/Images, enter it into the content editor within Page Administration.

 

SETTING IMAGE LIBRARY PREFERENCES

PHOTOS CATEGORIES

To add, edit or delete a Photo Category, select Categories from the left hand menu.

You will be taken to a page where all of the current categories are displayed

 

ADDING A PHOTOS CATEGORY

  • Scroll to the bottom of the category list to add a new category


     
  • Type in your desired category name in the field Category Name.
  • Select a Parent Category if you wish this Category to belong to another Category, if not just select No Parent.
  • Click the Save & Close button.
  • Your screen will now be refreshed with your new category name appearing in the Categories List.
  • Note: Your category will be created as inactive, so it will not appear on your site until it is activated and has active photos in it.

ACTIVATING A PHOTO CATEGORY

  • Once you have added a new Photo Category, it will automatically be created as Inactive (therefore the category will not be available for use on your website). 
  • To make your Photo Category Active, click on the red Activate button of the right of the name. The button will change to green. 

DEACTIVATING A PHOTO CATEGORY

  • To make a Photo Category Inactive, click on the green Activate button to the right of the name.
  • The button will change to red and will immediately removed from your live website

EDITING A PHOTOS CATEGORY

  • To edit your category names click on the Edit button located to right of the category that you wish to change, in the Photos Administration Area. 
  • A new Update Photos Category window will appear.
  • Once you have made the relevant changes, click the Save & Close button.

DELETING A PHOTOS CATEGORY

  • To permanently delete one of your categories you need to ensure that there are no Photo items assigned to the category. If there are no Photo items assigned click on the Delete button located to the right of the category that you wish to delete. 
  • If there are Photo items assigned to the category you will need to individually delete or edit each Photo item and re-assign it to another category.
  • A warning screen will appear, click OK to proceed with the deletion.

MANAGING YOUR PHOTOS

ADDING, VIEWING, EDITING AND MOVING CURRENT PHOTOS

  • To view, add, edit or delete Photo/Image items, select Image Library from the left hand menu.

  • To view current Photos/Images Select a Category, click the Select button.
  • The Photos/Images within this Category will be listed.

ADDING SINGLE PHOTOS

Valid Photo/Image formats are: JPG, GIF, PNG, JPEG.

  • There are two options to add a Photo to your Gallery, individually or using the multiple image upload (as shown below).
  • To add an image to your Gallery click on The Image Library icon from the Left Navigation Menu
  • Ensure you have selected the relevant Category from the dropdown for this Photo/Image and click Select.

  • Type in the Image Title: this is the name that item will be referenced.
  • Type in the Alt Tag: An alt tag is a description of the image that screen readers users. Alt tags are also used by search engines in determining what your photos are of.
  • Type in the Display Order in Category: this optional field allows you to control the order that each Photo/Item will appear within this category. Use a numeric value
  • Upload File: click on the Choose File button and browse your computer to find the required image and click open
  • Resize Uploaded Image Width: this is a check box, click this box for the image to be resized as it is uploaded. 
  • New Width : If you have ticked the box above, specify the number of pixesl you would like your image resized to. Your website is 1170px wide, we recommend that is the maximum you upload images so you don't slow your website performance down.
  • Type in the Brief Description: this is a brief description of the image, if required, this decription is shown on the live website if users click on the images and scroll through the gallery
  • Once you have completed the fields, click the Save & Close button.
  • The new Photo will automatically be created as Inactive (therefore the visible on your website). 
  • To make your Photo Active, click on the red Activate button of the right of the name. The button will change to green. 

ADDING MULTIPLE PHOTO ITEMS

To add multiple Photo/Image items at the same time, select Multiple Image Upload from the left hand menu.

  • Select the Category from the dropdown menu: this is the Category you wish the Photos/Images to be grouped.

  • Resize Images: Click the box if you would like your images resized and enter the number of pixels it is to be resized as.our website is 1170px wide, we recommend that is the maximum you upload images so you don't slow your website performance down.
  • To Attach Images: you can either drag the images onto the Drop Files Here Box or click the Select button and choose your image. To select multiple images at once hold down the CTRL or SHIFT key will you are browsing your images, then click open.
  • The images will start to upload and you will be able to watch their progress. Once they are uploaded they will appear as "Completed"

  • Once the upload is complete click the "Close" button. Your images will be uploaded and live immediately (if the category is active).

EDITING A PHOTO ITEM

  • To add an image to your Gallery click on The Image Library icon from the Left Navigation Menu
  • Ensure you have selected the relevant Category from the dropdown for this Photo/Image and click Select.
  • A list of all of the photo items in the selected category will appear

  • To edit an existing Photo/Image item click on the Edit button located to the right of the Photo/Image item that you wish to change in the Administer Image Libary Area.
  • An Update Photo/Image box will appear with the same fields as the New Photo/Image box. It will contain the same options as above in the "Add Single Photos" section above.
  • Once you have made the relevant changes, click the Save & Close button. 

Selecting a Main Category Image

  • If you are displaying your photo page in categories then you can select which image is the main that appears on the Gallery Page. 
  • Choose the photo that you wish to have as your main image and click in the "Main Image" icon to the right of the chosen image.
  • Once you have made the change click on the Save and Close Button.

DELETING A PHOTO ITEM

  • To delete an existing Photo item click on the Delete button located to the right of the Photo item that you wish to delete in the Photo Administration Area. 
  •  A warning screen will appear, click OK to proceed with the deletion.

DISPLAYING PHOTO GALLERY OR SELECTED CATEGORIES ON A PAGE.

  • Once you have active photos and active categories and an active Photos page the gallery will be visible on your website. You can also add different Photos widgets (i.e. selected categories on selected pages). For more information see Page Widgets.