Recently Updated Pages
Installation / Deployment
Note: You must have a {% styles %} and {% scripts %} tag in your page header/footer so that the...
Uploading Images
You have two options for uploading your images, each with different benefits: You can use the "...
Example 6: Add a "Download" Button to the Lightbox
Why? One of our users asked: Endi Hariadi @EndiHariadi43 Sep 28 06:40I want to add a downloa...
Customize your Gallery with CSS!
You can easily add CSS to your page or layout to affect how your gallery looks. How to do so is r...
Adding a Gallery to a Theme with "Blocks"
One of our clients got in touch with us because he was having trouble adding the gallery to a the...
Troubleshooting
Nothing works! Things to check: Make sure that your layout file has {% styles %} and {% script...
Responsive Full-Screen Gallery with Image Focal Point
The aim is to have a full-screen gallery that works both on desktop as well as mobile devices. Th...
Example 5: Override the component partial
See the live demo for this recipe in action! The official OctoberCMS docs provide an in-depth ex...
Component 6: Gallery Hub
This component loads a list of galleries without actually rendering any galleries. Use this if yo...
Component 5: Image List Only
Use this if you wish to write your own Twig script for displaying your images, and only need a li...
Component 4: Video Gallery
Use this gallery to display videos inline. You can choose to upload your videos to your website o...
Component 3: Pop-up Lightbox
Use this if you wish to add a lightbox-style 'pop-up' gallery to your page that is only shown whe...
Component 2: Swiper
Use this component to create a modern, responsive “swiper” that can be controlled easily from any...
Component 1: Embedded Gallery
Use this if you wish to show a gallery of images within your page using various layouts, with opt...
Adding a Gallery to a Blog
For this to work, of course you will need to install the RainLab Blog plugin. You may also want ...
Adding a Gallery to a "Static" Page
This is super simple! Open up your "static" page from the Pages area in your website back-end: ...
Dynamic Gallery using URL Parameters
If you don't wish to "hard-code" exactly which gallery you wish to display on a given page by sel...
Introduction
The idea for this plugin came about while building my girlfriend's photography website. I wante...
Page Properties for Gallery Components
Gallery Properties __SELF__.gallery (in overridden component template) or componentAlias.gallery...
Shared Options
The following options are available regardless of the gallery type (except for the Gallery Hub co...