Gallery

A picture paints a thousand words. An image gallery is a really easy way for you to manage a large number of images to display to your customers. If you've got projects, a portfolio of work, or images that you need to showcase, this is for you! You can have as many image galleries, with as many images as you'd like within your website.

The image gallery is very easy to use, but please make sure you watch this video as there are a couple of things that aren't obvious right from the get-go. The first thing to understand about the gallery, is because you can have as many galleries on your website as you'd like, you first need to create an image set. An image set, is essentially a collection of images.  You'd basically use one image set for each gallery.

Creating Sets

To create a set, click on 'File Set' and choose 'go to the file manager'. This opens up the familiar looking file manager, which shows you all of your files and images that you've already uploaded to your website. It also gives you the ability to upload your images that you want to use for your gallery.

Let's use the 'upload multiple' function. Click 'upload multiple', click 'add files', and then find the files on your computer. You can select multiple files by holding down the 'control' key as you click them with your mouse. If you want to select a whole heap of images, you click the first image, hold down the 'shift' key and click last image. Click 'open'. This will add all the files you selected to the 'upload queue'. Click 'start uploads' to upload all your images to the site.

Once they're uploaded, this window will appear. If you choose the 'sets' tab, you can actually create a new set by making up a name, and clicking update. For now though, to illustrate how to create a set from the file manager, just click close.

As explained, your file manager lists all your files. To create a set from these files, just tick the boxes next to each image you'd like to add to your set, and select from the dropdown box 'sets'. Give your set a name - this can be anything you'd like. To help you keep track of your sets later down the track, make this something meaningful. Because you've just created your set, you now want to leave the file manager.

So, we're back in your gallery app. Choose the set you've just created, and click add. Your new gallery has just been created.

Reordering, and Adding Titles and Captions

Now, you'll probably want to order your images, and give them titles and captions. To order your images, simply click on the image you'd like to reorder, and drag it to it's new place. To add titles or captions, simply go into the 'titles and captions' tab, and name each image appropriately. The title, can be displayed below the thumbnail of the each image, and the captions are displayed under the image, once your visitor clicks on it to zoom it in.

Columns

One of the more basic customisations you may want to do, is define how many columns your thumbnails appear in. Simply type in the number of columns in the columns box. Please keep in mind, if you have too many columns for the space available, you'll need to reduce the size of the thumbnails to fit the space.
Customising Image Size

The gallery allows you to customise the appearance of your thumbnails, and the appearance of your zoomed-in images as well. You can choose what size your thumbnails are by entering their pixel size in the 'thumbnail width' and 'height' boxes. If you only have a few columns, you can make these images bigger. If you have many images, you can make these smaller. These are the maximum image sizes. Most people just leave these by default, but if you'd like to experiment, change the thumbnail sizes and view your site to see how your gallery looks.

Likewise, you can choose your zoomed image height and width. Most people leave these as the default of 800 by 600, but feel free to get custom if you'd like to. These are the maximum image sizes as well - the gallery is clever enough so that if you've uploaded an image that's smaller than the maximum width or height, your image won't stretch.

Customising Your Gallery

Your gallery is extremely customisable too. Under 'advanced features', you'll notice two options. 'enable cropping', and 'display thumbnail titles'. Both these options are turned on by default, and we'd recommend you keep them on. 'Enable Cropping' essentially means that the thumbnails of the images are cropped, so the thumbnails look uniform and display consistently across your website. You can't control how your images are cropped, as it's system generated. Some clients, photographers in particular, require that cropping is turned off so their thumbnails display in full, so the full frame of their photos is in the thumbnail. Feel free to disable cropping if this option feels right for you. If you do so however, it's usually a good idea to upload images of similar dimensions, so that the thumbnails look consistent.

'Display thumbnail titles' just refers to whether or not you'd like the thumbnails to display the titles that you've typed in in the 'titles and captions' page. Most people leave this to on. The 'enable lightbox' tickbox is basically asking you - 'do you want your images clickable, and zoomable'. Most people leave this on too.

The 'transition effect' refers to the effect that displays when the image is clicked on. The options are a subtle fade, an elastic zoom effect, or no effect at all. This is entirely up to you - if you'd like to, experiment to see which effect would work best with your website.

Finally, the caption position refers to where the captions are displayed when the image is zoomed in by your visitors. Most people just leave this as the default, but if you'd like to get custom, feel free to experiment with these settings too.

Zoom Image

Your gallery comes free with an app called 'Zoom Image'. Your gallery is ideal for listing multiple images, but if you'd just like to display one image on its own, use Zoom Image instead. If you've ordered the gallery, you'll find 'Zoom Image' in your list of apps.