Documentation

Introduction

This page will show you how to create and manage image galleries. An image gallery is a Content Element that displays a series of images, in a slideshow format. To add individual images to a Text Block, see Adding Images.

Step 1: Select a Page

Add Content MenuYou can add an image gallery to a new page, or choose an existing page. For instructions on creating a new page, see Create a New Page. To add your gallery to an existing page, click the "Pages" link on the menu at the top of the HillTop Dashboard, then find the appropriate page on the list that appears, and click the Edit button (pencil icon) to the left of the page title.

From the content editor, click the "Images" link under "Add Content."

Step 2: Select and Add Images

When creating a new photo gallery, you have the choice to add new images from your computer's hard drive, or select existing images from your Warehouse.

Image Group

a. Select existing images:

Click the green "+ Existing Images" button. Then, select your images from the list. Enter the filename of the image you want to add, in the text box labeled "Search for more results..." to search for a specific image. Once you have found the appropriate image, click the arrow button next to the filename of the image. When you have finished adding images, click the blue "Submit" button.

Select Image

b. Upload new images:

Click the green "+New Image" button to bring up the "Upload File" window. Next, click the "Upload Files" button and browse to the folder or directory on your computer where the image is saved. Double click the file to upload the image. The file name of the uploaded image will then be added to a list in the "Upload File" window.

To upload more than one image, click again on "Upload Files," and repeat the process. Add permissions for other users, if desired, and click "Submit" when finished.

Add File

Step 3: Review the Gallery

To review the gallery, click the "View on Website" button in the right margin to preview your Web page, and ensure the new gallery is displayed properly. If you find the images are out of order, or you want to add/remove an image, return to the content editor to make your changes.

Optional: Adding Titles/Descriptions and Reorganizing the Gallery

a. Adding Titles and Descriptions

After adding images to the gallery, a list will appear in the Image Group. Each image will have its own section.

Image Group

To add a title or description to a photo, first  mouse over its section to highlight it. In the highlighted section, click on the blank area below the resolution (clicking directly on the thumbnail or filename will open a new tab/window). After clicking, the "Edit Image" form will appear. A title can be added in the form, as well as a short descritption in the "Abstract" field.

Edit Image Form

Once the title and/or description has been added, click the "Submit" button to update the gallery.

b. Reorganizing the Gallery

To reorder the images after they have been added to the gallery, mouse over a thumbnail image to highlight the row, then click and drag on the "Four Arrow" icon. After the row has been dropped into a new position, the gallery order will update automatically.

Drag and Drop

To remove an image from the gallery, mouse over an image thumbnail and click on the red "minus" sign [-] icon. This will bring up a confirmation dialog window. Click "OK" to remove the image, or "Cancel" to revert the process. Note, images that have been removed from a gallery will remain in the HillTop Warehouse for future use.

Remove Image from Gallery