Loading...
info@6glcorp.com (+502) 2390-6232

6GL Isotope Gallery Lite :: Docs

Quickly add simple and awesome galleries following the steps below:

1. Arrange your filesets and photos as you normally would

01_1.jpg

2. Add the block and pick up to 20 different filesets simultaneously. Choose filtering options, number of columns (up to 6 columns or determine columns by thumbnail size and available container width)

02.jpg

3. Input thumbails size, image cropping and sorting options

02a.jpg

4. Save/Update the block

04.jpg

4. Filter your images according to the filesets selected or image tags 

6. Preview with Lightbox 2 plugin!

07.jpg

Extra: Modifying default CSS

Styling buttons

The filter buttons are bootstrap 3 ready, but if you are using a non-bootstrap theme please follow these steps to customize them:

1. Open \packages\seisgl_isotope_gallery\blocks\seisgl_isotope_gallery\view.css

2. Go to line 31 and edit the following selectors

.seisgl-isotope-gallery a.btn-filter-all{}

.seisgl-isotope-gallery a.btn-filter-tag{}

3. Save changes and replace uploaded files. You may need to clear cache to see changes.

 

Copyright © 2017 - Developed by 6GL
Scroll to Top