Recent Activity
November Gallery Cookbook
A gallery plugin for OctoberCMS that tries to Keep It Simple and Stupid.
1. Upload your images using the Media Manager built into OctoberCMS
2. Drop November Gallery onto your page or partial
3. Select the folder you uploaded your images to and how you want them displayed
Introduction
The idea for this plugin came about while building my girlfriend's photography website. I wante...
Installation / Deployment
Note: You must have a {% styles %} and {% scripts %} tag in your page header/footer so that the...
Backend Plugin Configuration
Log into your “backend” and go to Settings → November Gallery to configure your defaults. Things ...
Uploading Images
You have two options for uploading your images, each with different benefits: You can use the "...
Adding a Gallery to a Page / Partial
You may benefit from this page if you are new to OctoberCMS. It is super easy to add November Ga...
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...
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: ...
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 Theme with "Blocks"
One of our clients got in touch with us because he was having trouble adding the gallery to a the...
Components and Options
Shared Options
The following options are available regardless of the gallery type (except for the Gallery Hub co...
Component 1: Embedded Gallery
Use this if you wish to show a gallery of images within your page using various layouts, with opt...
Component 2: Swiper
Use this component to create a modern, responsive “swiper” that can be controlled easily from any...
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 4: Video Gallery
Use this gallery to display videos inline. You can choose to upload your videos to your website o...
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...
Page Properties for Gallery Components
Gallery Properties __SELF__.gallery (in overridden component template) or componentAlias.gallery...
Component 6: Gallery Hub
This component loads a list of galleries without actually rendering any galleries. Use this if yo...
How to Customize your Gallery
Overview
You have several options to customize how your gallery looks and behaves, depending on how deep y...
Example 1: Set the thumbnail size for all galleries
Why? If you know that you will be using a bunch of galleries throughout your site, and you also ...
Example 2: Set the thumbnail size for an individual gallery
Why? Because you may not want to use the default thumbnail size set for all galleries. How? Yo...
Example 3: Set the gallery dimensions for the “combined” gallery
Why? Because you wish to show images on your website in a gallery of a specific size, and you al...
Example 4: Set the spacing between tiled images
Why? You wish to control exactly how your embedded "Tiles" gallery looks, including the space be...
Example 5: Override the component partial
See the live demo for this recipe in action! The official OctoberCMS docs provide an in-depth ex...
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...
Recipes
Gallery concoctions to make your visitors go aaaah
Troubleshooting
Nothing works! Things to check: Make sure that your layout file has {% styles %} and {% script...