{"id":1425,"date":"2020-06-09T09:41:21","date_gmt":"2020-06-09T09:41:21","guid":{"rendered":"https:\/\/piwigo.com\/blog\/?p=1425"},"modified":"2020-06-09T09:41:22","modified_gmt":"2020-06-09T09:41:22","slug":"add-a-filter-bar-to-your-photo-gallery","status":"publish","type":"post","link":"https:\/\/piwigo.com\/blog\/2020\/06\/09\/add-a-filter-bar-to-your-photo-gallery\/","title":{"rendered":"Add a filter bar to your photo gallery"},"content":{"rendered":"\n

You want to offer your visitors an user friendly interface to navigate through your photo gallery? With the Tag Groups plugin, you can add multiple filters to your Piwigo photo library.<\/strong><\/p>\n\n\n\n

Warning<\/p>

This plugin is not available to customers who have subscribed to an “Individual” offer on piwigo.com.<\/p><\/div>\n\n\n\n

Reminder: how tags work with Piwigo<\/h2>\n\n\n\n

If your Piwigo photo library contains a lot of media, you’ve probably decided to organize them with tags, or keywords.<\/p>\n\n\n\n

Tags allow you to qualify your photos according to your own classification criteria: this can be colors, image formats, places, themes or any other useful information to easily find photos that have something in common.<\/p>\n\n\n\n

A photo can have an infinite number of tags, and you can combine tags to refine your search.<\/p>\n\n\n\n

The tag search is available from the “Related tags” menu item of your photo library (that you can activate with the “Menu Tags” plugin), or from a tag cloud that can be displayed on a page of your gallery.<\/p>\n\n\n\n

\"tag

Example of tag cloud<\/em><\/figcaption><\/figure>\n\n\n\n

Thus, the tags are complementary to the albums.<\/p>\n\n\n\n

Let’s take the example of the photo library of the Archeological Museum Arch\u00e9a<\/a>.<\/p>\n\n\n\n

The photos of this photo library are organized in albums: Exhibitions, Collections… Each album is also organized in sub-albums: in the Exhibitions album, there is one sub-album per exhibition.<\/p>\n\n\n\n

But if you’re looking for photos that match a finer criterion, that’s where the tags will prove themselves useful. You can find in one click all the photos tagged “Middle-Ages”, “Necropolis”, or “Merovingians”, whatever their album.<\/p>\n\n\n\n

What if I want all the pictures of Merovingian necropolises?<\/p>\n\n\n\n

Don’t worry: I just have to combine the two tags “Necropolis”, and “Merovingian”, as you can see on the example below.<\/p>\n\n\n\n

\"search<\/figure>\n\n\n\n

This operation is very simple and convenient, but the tags are all mixed together.\u00a0<\/p>\n\n\n\n

For an even better organisation, and an easier search, a new plugin is available on your Piwigo photo library.<\/p>\n\n\n\n

Set up a filtering search bar with The Tag Groups plugin<\/h2>\n\n\n\n

This plugin allows you to use tags to set up a filtering search bar on your photo gallery.<\/p>\n\n\n\n

How does it work?<\/p>\n\n\n\n

You now have the ability to regroup the tags by family, with the new notion of “tag group”.\u00a0<\/p>\n\n\n\n

The tags “blue”, “pink”, “green” can be associated with a “color” group. To do this, simply add a prefix in the tag name. Thus, by naming a tag “color:blue”, you will have the tag “blue” belonging to the “color” group.<\/p>\n\n\n\n

You can see below a page that lists the tags of a Piwigo gallery, grouped by tag group.<\/p>\n\n\n\n

\"word<\/figure>\n\n\n\n

If we go on with the Arch\u00e9a Museum example, we could imagine that the tags “High Middle Ages”, “Classical Middle Ages”, “Gallo-Roman Antiquity” and “Merovingian” would be classified in the “Period” group.<\/p>\n\n\n\n

And the tags “ceramics”, “ornaments”, “furniture”, “tools”, “religious practices” etc. could be classified in the “Objects” group.<\/p>\n\n\n\n

We could thus set up in the gallery a search engine with filters by period, and by type of object, with drop-down lists as in the example below.<\/p>\n\n\n\n

\"tag<\/a>
Photo library on which the Tag Groups plugin has been installed<\/em><\/figcaption><\/figure>\n\n\n\n

On the above example, (click on the image to enlarge it if necessary), you can see that we first filtered the pictures to show only the “Tulip” type flowers.<\/p>\n\n\n\n

You can then refine the selection by color with the “Color” filter. It lists all tags of type “Color”, but only those that are present on photos that also have the tag “Tulip” are clickable.<\/p>\n\n\n\n

\"filter<\/figure>\n\n\n\n

If I select the “Purple” color, the selection only shows me files with the “Tulip” tag AND the “Purple” tag.<\/p>\n\n\n\n

\"filter<\/figure>\n\n\n\n

If you wish to test by yourself, you can view a demo by clicking on this link<\/a>.<\/p>\n\n\n\n

We hope you like this new feature!\u00a0 Would you like to implement it on your Piwigo gallery?<\/strong><\/p>\n\n\n\n

If so, you have two options :<\/p>\n\n\n\n