Gallery

First, resize your images roughly to 800 x 600px @ 72dpi.

To get better Google ranking, name your images with your preferred google search word. The name will also be the caption to the image. 

For more on images and resizing them, see here.

Add a Gallery Module to the page

1. Create or Edit a page you want the Gallery on.
2. Select the Add-on Module
3. Select Gallery under Available.
4. Select 'Make this page a Gallery' and fill out the form. SAVE
5. Select: Back to page set up. (red button below form).

To place the images in the Gallery

1. Click onto the ‘insert an image icon’ in the tool bar to upload your images.
2. Click onto the icon to the right of the source window (looks like an arrow upload icon).
3. In the File Manager open the ‘gallery’ folder. 
4. Open the folder with the 'page name' you want to add or delete images too. It should have been created automatically.
5.  Upload your images into that folder. 
6. Click out (x) of the File manager and Save it.

Check it out!

1. Save Page and view the page through the ‘eye icon’ on the top right.
2. Go to Page List on the menu on the left hand side. Click the button on the top right that says Empty cache. Empty Cache.
3. View your page live.

NOTE: The Gallery will not show in the admin area, only on the live site.

First, resize your images roughly to 800 x 600px @ 72dpi. To get better Google ranking, name your images with your preferred google search word. The name will also be the caption to the image. 

For more on images and resizing them, see here.

1. Go to the page you want to add images to. The Gallery will not show in the admin area, only on the live site.
2. Click onto the ‘insert an image icon’ in the tool bar.
3. Click onto the icon to the right of the source window (looks like an arrow upload icon).
4. In the File Manager open the ‘gallery’ folder. 
5. Open the folder with the 'page name' you want to add, delete or rename images too.
6. Upload, delete or rename images  
   
   Select ‘Upload’ (top left hand icon up arrow). Search for the files on your computer add/upload them.
   
   Delete any files in the gallery page folder by selecting the image (will show with a blue highlight) and use your mouse right click > select Delete file 
   
   Rename any files in the gallery page folder by selecting the image (will show with a blue highlight) and use your mouse right click > select Rename file 
   
   
7. Click out (x) of the File manager and Save it.
8. Unfortunately you cannot see the gallery thumbnails on the page editor or in the preview mode.
9. Save Page and view the page through the ‘eye icon’ on the top right.
10. Go to Page List on the menu on the left hand side. Click the button on the top right that says Empty cache. Empty Cache.
11. View your page live.
    
    

Thumbnails default are set as 100px x100px.

You can adjust this under Add-on Modules → Gallery → Thumb dimensions (sq), then save the settings.

Select the refresh thumbnails so they don't appear blurry.

To display only one (or a chosen number of) thumbnail images while keeping the rest in the slideshow view, follow these steps:

1. In Add-on Module → Gallery:

   • Set Thumb dimensions (sq) to 900 (fills the main content width).
   • Set Single gallery page to 1 (or your preferred number).
   • SAVE.

2. In File Manager → Gallery → Page Name:

   • Add a starter image (900px wide) with a graphic and text like "Click Here" or "To view [XX], click here."
   • Name this image: "000_View slideshow here".

If gallery image thumbnails appear blurry or pixelated, use the Refresh Thumbnails option under Gallery Module → Thumb dimensions (sq).

This issue occurs when thumbnail dimensions are changed after images have been loaded. Since gallery thumbnails default to 100×100px, they must be refreshed to reflect the new dimensions properly.

On the page you want to centre the gallery:

1. Go: 'Extra features'
2. Paste the following code under: Style & Functionality
   
   Page Styles: .col-12 col-sm-4 hidden-print {display:none;} /* this will delete the right hand column on the page*/
   
   Page Scripts: jQuery("#content-top").append( jQuery("#content") );    /* this will centre the thumbnails on the page*/
3. SAVE