Gallery

1. Prepare Your Images

• Resize to approx. 800x600px @ 72dpi.

• Name files using keywords for SEO, the filename becomes the caption.

For more on images and resizing them, see here.

2. Insert a Gallery Module

1. Edit or create your desired page.
2. Go to Add-on Module select Gallery to make it available.
3. Select Make this page a Gallery, fill out the form, and Save.
4. Click Back to page setup.

3. Upload Images

1. Click the Insert Image icon in the toolbar.
2. Click the arrow icon next to the Source window.
3. In File Manager, open the gallery folder, then the folder named after your page (auto-created).
4. Upload your images there.
5. Close File Manager and Save.

4. Preview & Publish

1. Save the page and click the eye icon to preview.
2. Go to Page List > Empty Cache (top right button).
3. View your live page.

Note: The gallery only appears on the live site, not in the admin preview.

1. Prepare Your Images

• Resize to approx. 800×600px @ 72dpi.
• Name files with SEO-friendly keywords, the filename becomes the caption.

For more on images and resizing them, see here.

2. Access the Gallery Folder

1. Edit the page (note: galleries only show on the live site).
2. Click the Insert Image icon in the toolbar.
3. Click the arrow icon next to the Source window.
4. In File Manager, open the gallery folder, then the folder named after your page.

3. Manage Your Images

• Upload: Click Upload (up arrow, top left), browse and add new images.
• Download, Delete or rename: In the file manager,  pass your cursor over the preview image and select the appropriate icon.

4. Save & View

• Close File Manager (X) and save the page.
• Click the eye icon (top right) to preview.
• In Page List > click Empty Cache (top right).
• View your updated page live.

Note: Gallery thumbnails don’t display in the editor or preview, only on the live site.

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 single gallery page that you have created (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