Native Divi 5 ModulePro
Divi Filterable Gallery
The Filterable Gallery module lets you display images in a customizable gallery with various filtering options.
Why use the Divi Filterable Gallery module?
A portfolio with forty images in one grid is a wall. People scroll past it because there is no way to say "only show me the interiors". Splitting it into four pages instead means four URLs and four places to keep updated.
This module keeps one gallery and puts a filter bar above it. Click a category and the grid reflows to the images in it, in place, without a page load. The categories come from the images themselves, so adding a photo to a category is a media library edit rather than a layout change.
The grid beside this is the live module.
What you get out of it
Everything the Divi Filterable Gallery module does
Every option below ships in Divi Torque Pro.
See the Divi Filterable Gallery in action
Every gallery below is the live module, not a picture of one. Click a filter and the grid reflows in place.
One gallery, filtered in place
Nineteen photographs in a single gallery. The categories are set on each image, so the filter bar builds itself from whatever is there.
Masonry, when the shapes vary
A grid crops everything to the same square. Masonry keeps each image its own height and packs the column instead.
Masonry
The same nineteen images, packed rather than cropped, at three across.
Captions, and the hover overlay
The caption comes from the image itself in the media library. The overlay behind it takes its own colour and opacity.
Captions on
Each image describes itself over a violet overlay on hover. Title and description are separate switches.
A long set, one page at a time
Pagination holds the page height down. This one shows eight at a time out of nineteen.
Eight per page
The filter bar and the pagination work together, so a filtered view paginates too.
Or no filter bar at all
Hide the bar and it is a plain gallery. Useful when one category is the whole point.
Building one takes about a minute
Three steps, and none of them involve custom CSS.
Questions people ask first
Short answers, all of them checked against what the module actually does.