In order to be able to use Gallery Stack 3, add a Stacks Plugin page to your project. Open the Stacks library and search for Gallery 3. Drag and drop the stack to your Stacks Plugin page.
In order to select different components (grid, slider, or lightbox) select the (+) / Add button for adding one of the component stacks.
When adding a grid component, another container for the lightbox component will appear.
It is possible to remove components by clicking on the (x) / Delete button.
Different image stacks are available for adding images to the stack.
For the CMS Integration stacks, download Total CMS v1.2 latest beta. No Total CMS licence is required for Easy CMS Image Integration.
It is possible to change the amount of columns in edit mode for better display.
In order to change the screen resolution or caption text of the added image for lightbox display, double click on the image. In the stack inspector info window, it is possible to add Alt Tag and Max Width / Height settings.
The automatic thumbnail creation stack is also able to create square thumbnails.
In order to change grid, slider, or lightbox component options, select the repective stack and change options in the stack inspector info window.
In order to display photos from a directory on your server, add a Photostream Web Directory child stack.
The easiest way to link a directory is via checking Absolute path starting from (project) root. In the following example, the images are loaded from /photos/gallery1, starting from the root where your project is published to.
In addition, you are able to put dedicated thumbnail files in a sub-directory of your photos folder (in that example /photos/gallery1/thumbs) with smaller file size for faster thumbnail gallery performance. Image names and amount of images has to be the same as in the main folder.
As captions, IPTC data stored inside the image is able to be be used, currently limited to the following attributes:
It is possible to create programately dynamic photo galleries:
For more information, have a look here: https://instacks.com/pulsecmsstack/tutorial/#gallery3
Add a Gallery Stack instance with Armadillo Integration Stack to a Armadillo page or blog inside RapidWeaver. Afterwards, add pictures via insert or drag and drop to a page or blog post. Inserting pictures directly inside HTML or Markdown inside Armadillo will also work.