NewThe Supreme Bundle: every Divi Supreme plugin, 31% less than buying separately.See what’s inside →

Filterable Gallery module

Divi Filterable Gallery that sorts itself on a click.

Category tabs above an image grid. Click one and the gallery shuffles to show just those images, with a lightbox and pagination built in.

River valley
Strawberries
Pug in a blanket
Mountain range
Pour-over coffee
Lioness
Winter forest
Raspberries
Walrus
Lake reflections
Green tea
Dog in the snow

Preview. Upload the images in the sample-images folder (with their categories), then tick Nature, Food and Animals in the Filterable Gallery module.

What is the Divi Filterable Gallery module?

Filterable Gallery is a Divi 5 module in Divi Supreme Pro that shows images in a grid with category tabs above it. Clicking a tab animates the grid so only matching images remain.

Pick images by hand, or pull them from media library categories automatically. Set columns, gaps and row height, choose a card or hover overlay layout, show titles and captions, open images in a lightbox, and split large galleries with load more or numbered pages.

columns, max

item layouts

pagination types

custom code

Start from a Filterable Gallery recipe.

The recipes and the playground run on the front end. Use Preview, or open the page, to try them.

Try every Filterable Gallery setting.

The recipes and the playground run on the front end. Use Preview, or open the page, to try them.

Everything Filterable Gallery can do.

Animated filtering

Category tabs shuffle the grid with a smooth animation you can time.

Dynamic images

Pull images from media library categories, with sort order and a max count.

Flexible grid

1 to 6 columns, separate column and row gaps, and optional uniform row height.

Card or overlay

Text below the image, or on a hover overlay that fades or zooms in.

Lightbox

Open full images with their title, caption and description.

Pagination

Load more button or numbered pages for big galleries.

Filterable Gallery documentation

Setup for Divi 5: images and categories, grid, layouts, filter tabs, lightbox and pagination.

Questions about Filterable Gallery.

How do the filter tabs work?

Each image belongs to one or more categories. The tabs above the gallery list those categories, and clicking one shows only its images with a shuffle animation.

Can images load automatically?

Yes. Turn on Dynamic images and choose media library attachment categories. New images in those categories appear without editing the page. Max images keeps big categories light.

How many columns can I use?

From 1 to 6, with separate values for tablet and phone, plus column and row gaps.

What is the difference between Card and Overlay?

Card shows the title and caption under each image. Overlay hides them until hover, then fades or zooms them in over the image.

Is there a lightbox?

Yes. Turn on Enable lightbox and choose whether it shows the title, caption and description.

Can I paginate a large gallery?

Yes. Turn on pagination, set Items per page, and choose a Load more button or Numbered pages.

Does Filterable Gallery work with Divi 5 and WPML?

Yes. It is a native Divi 5 module and its labels and image text can be translated with WPML.

Next module, A to Z

Flipbox Module

Related modules

Masonry Gallery Module

Pinterest-style image grids.

Loop Filter Module

Filter any Divi Loop by category.

Image Carousel Module

Swipe through image galleries.

4.9 out of 5

Rated 4.9 by Divi designers on Trustpilot. Running on 350,000+ sites.

Let visitors find their favourites.

Filterable Gallery comes with 70+ Divi 5 modules and 16 extensions in Divi Supreme Pro.

Divi Supreme