Once purchased, downloaded and installed you will see the purple icon and block title 'Fluid Gallery' in the 'Multimedia' section of the left side panel.
Put any images you wish to show in a gallery into 'Filesets' first.
Adding a 'Fluid Gallery' block:
Option 1. Click the '+' icon in top edit bar and drag the 'Fluid Gallery' block into an area of your choice.
Option 2. With the page in edit mode click the area you want to add a gallery, then click 'Add Block', then click the 'Fluid Gallery' block in the opened side panel.
1. (Fileset tab) Click the select box and click the name of the 'Fileset' you want. In the preview window you'll see the images in rows, if you want to rearrange just drag and drop.
2. (Options tab) Give your images (Thumbnails) a size, this can be the actual size of your image. 'Fancybox' sizes default to 800px by 600px, which is good for most sites.
3. 'Thumbnails Per Row' defaults to '3', you can change this to suit your needs, but Remember small images in a large area will blur and pixelate.
As well as the default template there are ten other options. To apply a different template click on the gallery block and click 'Design & Custom Template', then click on the gear icon. Choose a template from the 'Custom Template' drop down select box and click 'Save'.
You can have more than one gallery on a page, however you CANNOT mix templates. Plan your gallery page and set up one gallery with the desired template, then when adding additional galleries make sure you use the same template.
NOTE: You cannot have more than one 'Thumbnail Nav' gallery on a page!
To show a 'title and a description/sub title' on images in the gallery and 'Fancybox', go to the 'File Manager', right click the image, click properties, click 'None' next to 'Tags' and/or 'Description', type your text in the window and click the tick when done, then close the properties window. Remember to keep titles short and to the point, they will not look good on small devices.
'Tags' area will become the image title. 'Description' area will be the image description/sub title.
SEO & Accessibility (alt tag):
By default the image 'alt' tag will show the 'Filename' (e.g. 'image.jpg') when you have uploaded. To help with 'accessibility' and 'search engines' change the name to something more descriptive (e.g. 'Big blue sky'). Click on any image in the 'File Manager' and click on the filename next to the 'Title', change and click the 'tick'.
If you want to link to an internal page with your title you will need the free 'Page Selector Attribute' add-on. Once installed go to 'System & Settings/Attributes/Types', at bottom of page tick the box under 'File' opposite 'Page Selector' and 'Save'. Next go to 'Dashboard/Files/Attributes' click the select box under 'Add Attribute' click 'Page Selector' then click 'Go'. In the 'Handle' box type 'link_to_cid', in the 'Name' box type anything that makes sense to you, I typed 'Link to page'. Don't need 'Set' or 'Searchable' items selected.
So now you want to link a page, scroll down the 'Properties' window and you will see 'Other Properties' and the name of the attribute 'Link to page', click 'None', click 'Choose Page', click the page from the sitemap and click the 'Tick', close the window and your done.
The new 'Page Link' template:
Only images that have 'links' will show in the gallery.
So, add images to a fileset, then in click 'Properties' and set the 'Link to page'.