258

Product support

Get help in the plugin support forum.

Categories

Want something added/Something is broken? Let me know on github! Please use the IsoGallery support-forum on OctoberCMS.com for use case related questions only.

IsoGallery is gallery plugin that combines Isotope and strip.js to provide filterable galleries.

Installation

Install by adding this plugin to your project either at http://octobercms.com/plugins or in the /updates/install plugins section of your OctoberCMS Backend.

Dependencies

  • jQuery >= 1.11.3 (might work with previous versions, not tested)

Usage

Just inject the component into your webpage and you are good to go.

Customization

Layout

IsoGallery uses a default layout (greenish) which injects CSS through the controller. If you don't want this, you can uncheck this option in the component settings.

Javascript Filtering

IsoGallery filters galleries through a JS function that is injected through the controller. If you want to use your own function, you can uncheck this option in the component settings.

StripJS

IsoGallery uses strip.js for the lightbox functionality. If you already have strip implemented on your website, of if you want to use a different Lightbox plugin you can uncheck this option in the component settings.

Isotope

IsoGallery filters and places the galleries with Isotope. If you already have Isotope implemented on your website, you can uncheck this option in the component settings.

Filterable Galleries! (front-end)

Note

As of 1.0.2 the validation on the categories relation has been removed. This is due to a bug in the core of october. Preferred choice of action is to create a gallery WITHOUT categories, and then UPDATE said gallery to prevent any weird errors.

Critical Bugs / Errors

If you encounter any critical errors during usage, please let me know as soon as possible! I'll try to respond within the day. Let me know on the forums or on github.

Components

IsoGallery Component

The IsoGallery Component is the main (and currently only) component that this plugin uses. In this component the following variables are available:

Categories

Array with all categories that are created in the backend.

{{ categories }}
What's inside?

You can loop through the ```` variable with a loop````.

Variable name Description
category Array containing a single category
category.title String that contains the name of category
category.slug String that contains the slug of category

Galleries

Array with all the galleries that are created in the backend.

{% for gallery in galleries %}
    {{gallery}}
{% endfor %}
What's inside?

You can loop through the ```` variable with a loop````.

Variable name Description
gallery Object containing a single gallery
gallery.title String that contains the title of the gallery
gallery.url String that contains the url of the gallery
gallery.categories Object that contains the all the linked categories. See ```````` above for content for this object.
gallery.photos Object that contains the all the photos for this gallery. The standard filesystem photo attachments are used so corresponding variables are available (,, ````````).
1.1.1

Fixed permissions bug

Oct 01, 2015

1.1.0

Added Dutch as Back-end Language & Added Permissions

Oct 01, 2015

1.0.2

- Hotfix for October Core bug

Sep 10, 2015

1.0.1

First version of IsoGallery

Sep 02, 2015