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.

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.

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.

Want to see more demos? Click here.