/* Fancy Filterable Gallery */
[Filterable Gallery]
Show your work by category in a clean, filterable gallery that takes minutes to set up.
- No portfolio post type. Create groups, upload images, and the filter buttons appear on their own.
- Filtering and the lightbox are built into the element, so it only loads what the gallery needs.
- meerakapoorphoto.com/portfolio
Meera Kapoor Photography
Selected work
Exchanging rings, Lake Como Evening reception, Lake Como Lakeside ceremony at sunset Golden-hour portraits First dance under string lights Reception toasts
Examples
Sorted by category, viewed in place.
Layout, columns, filter styling, and captions in each example are element settings. The photographs stand in for your own.
- haldenarchitects.com/projects
Projects
[ Layout: Masonry ] [ Columns, Large: 4 ] [ Filter style: underline ]
Example 01
Masonry for mixed shapes
Tall towers and wide interiors keep their real proportions, and each column fills from top to bottom. The filter buttons here are restyled as a quiet underline.
- meerakapoorphoto.com/portfolio
[ Lightbox: On ] [ Keys: arrows, Escape ]
Example 02
A lightbox that respects the filter
With Commercial selected, the arrows step through those three images and nothing else. Escape closes it, and keyboard focus stays inside until it does.
Selected work
Evening reception, Lake Como Exchanging rings, Lake Como Lakeside ceremony at sunset Golden-hour portraits First dance under string lights Reception toasts
Example 03
Two columns on a phone
When the buttons do not fit on one line, they wrap onto a second row instead of scrolling out of sight. The tiles drop to two columns, set separately from the desktop layout.
[ Columns, Small: 2 ] [ Image Aspect Ratio: 1:1 ]
[ Light by design ]
Filtering and the lightbox are built into the element, so it only loads what the gallery needs to sort and show your photos.
See it working on a real Avada site.
What you can build
One gallery, sorted the way visitors think.
Evening reception, Lake Como Exchanging rings, Lake Como Golden-hour portraits
Photography portfolios
Split a body of work into weddings, details, and events so couples and clients go straight to what they came for. Captions can name the venue or the client.
Stoneware bowl, sage glaze Amber glass dish Charcoal linen runner
Product ranges by collection
Group product shots by collection or material and let shoppers narrow the view with one click. It suits makers and small studios without a full shop.
Work samples by project type
Architects and agencies can sort projects into residential, commercial, or any type they use. Masonry keeps tall elevations and wide interiors uncropped.
Features
What the gallery gives you.
Groups become filters
Each named group gets its own button, and an All button is added for you.
Filter bar on or off
Hide the buttons when a gallery only needs one set of images.
Filter button colors
Text, background, hover, and active state colors for the buttons.
Grid or masonry
Even crops for a tidy grid, or natural heights in masonry columns.
2 to 6 columns
Set large screens yourself; medium and small adjust automatically unless you change them.
Tile aspect ratio
Choose the crop used for grid tiles.
Lightbox for the filtered set
Previous and next stay inside the active filter. Escape closes it, and it works by keyboard.
Captions three ways
None, a hover overlay, or below the image, using your media library captions.
Hover effects and borders
Zoom or fade on hover, plus tile border and corner radius.
Works the Avada way
One parent element, one child per group.
Name a group, drop in its images, and repeat. Layout and styling apply to the whole gallery.
[ ]
Avada Builder
A parent element with a child for each group. Group images accept Avada Dynamic Data.
[ ]
Conditional rendering
Show the gallery only when Avada’s logic conditions are met.
[ ]
Avada Live
Switch between grid and masonry and watch the tiles reflow on the page.
[ ]
Live option updates
Caption typography, overlay color, and margins and padding per breakpoint change as you edit.
FAQ
Fancy Filterable Gallery questions
Related elements
Fancy Image Scroller
Long screenshots in a small frame
Let a full-length page scroll inside a fixed frame on hover or when it comes into view.
Fancy Video Gallery
A gallery for your videos
Present a set of videos together on one page, ready to browse.
Fancy Text Mask
Imagery inside your headline
Fill large heading letters with a photo or video for a striking title.