Recently Updated Pages

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...

Example 5: Override the component partial

See the live demo for this recipe in action! The official OctoberCMS docs provide an in-depth ex...

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...

Component 2: Swiper

Use this component to create a modern, responsive “swiper” that can be controlled easily from any...

Troubleshooting

Nothing works! Things to check: Make sure that your layout file has {% styles %} and {% script...

Introduction

The idea for this plugin came about while building my girlfriend's photography website. I wante...

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...

Page Properties

__SELF__.galleryitemsType: October\Rain\Support\Collectionalso see API Docs, Illuminate\Database\...

Component 1: Embedded Gallery

Use this if you wish to show a gallery of images within your page using various layouts, with opt...

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...

Shared Options

[Shared Options] Property Inspector Name Description alias Alias Standard OctoberC...

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: ...

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...

Back to top