WordPress Filtered Gallery

FooGallery – The #1 Gallery for developers, freelancers & website owners

FooGallery Pro allows you to add frontend filtering to your photo gallery, simply by using media tags or categories.

Images courtesy of Pixabay

All you need to do is assign media tags or media categories to your attachments that are included in the gallery. An easy way to do this is by using the Bulk Taxonomy Manager built into FooGallery PRO.

The Filtering Feature allows you to distinguish between filters by using Count, Opacity and Size. You can also set the gallery to use multiple filters, either showing pictures that feature in any or all of the selected filters. Below is a demo with the following features:

  • Multiple (OR) – this allows you to show images from any of the selected filters.
  • Dark theme – the filters are dark when hovered over or selected.
  • Count – the number of images in each filter are displayed.
  • Opacity – the opacity of the filter changes depending on the number of images in that filter. Pink, for example, only includes one image, so it appears as the lightest of the filters.

Multi-level Filtering

With FooGallery PRO you can also now add Multi-level Filtering to your gallery. With this feature, you can add multiple levels of frontend filters your gallery. This is particularly useful for large, extensive galleries or just to help visitors sort through your gallery images.

Much like the simple or advanced filtering, Multi-level Filtering makes use of Media Tags or Categories to create filters. Using the tags or categories, you can set the filters that you want to apply to each level of filtering. On the frontend, you can then filter galleries according to the filters in each of the levels.

Additional settings include the light or dark theme for the filters, and the Single or Multiple (And / Or) filters. The below demo uses three levels of filtering, with the dark theme applied to the filters. You can select a single filter for each level.

Gallery Filtering + Pagination

Filtering and pagination were built to work together. You can have a filtered gallery that also has pagination, as per the demo below:

Gallery Filtering Features

FooGallery Pro’s filtering includes the following features:

  • Simple or Advanced – keep your filtering simple or add advanced differentiations
  • Tags or Categories – filter by Media Tags or Media Categories
  • Variable Selections – allow users to select multiple filters
  • Set Limits – add minimum or maximum limits to filters
  • Adjust Appearance – change the Size or Opacity or add counters
  • Sort Filters – change how filters are sorted on the gallery

The Filtering feature in FooGallery Pro allows you to use your media tags or categories to add frontend filtering to your galleries. Users can then select the images they would like to see, based on the filter options provided.

You can keep filtering simple, which just shows the various tags allocated to any of the images in the gallery. Or you can select Advanced. Here you will have options to change the size or opacity of the filters, depending on how many images fall under each. You can also add numbers to indicate how many images are in each filter.

Advanced options also allow you to change the order of the filters. Plus you can select whether users can view one or more filters at the same time. You can find out more about the filtering settings here.

The filtering feature is included in FooGallery PRO Expert.

Want to see more demos? Click here.