How to use the project gallery filter

The project gallery contain the following code structure:

 

Inside the filter tab (sh__gallery-toolbar) you can add a new toolbar item using “sh__toolbar-item” class and an attribute “data-filter” which will contain the name of your filter.

Below you will have the gallery items which are marked with the “sh__gallery-item” class and the class coresponding with the attribute added in the filter tab which you associate, for example “sh__gallery-item interior”.

The javascript code which is stands behind the gallery can be found in app/js/src/script.js > addGalleryFilter function.