About this plugin
Webcasata Filter Gallery lets you build stunning, responsive image galleries where visitors can instantly filter images using custom dropdown menus — all without any page reload.
Key Features
- Multi-group dropdown filtering — Create filter groups (e.g. “Country”, “Room Type”). Each becomes a styled dropdown on the front end.
- AND logic across groups, OR within a group — Country=India AND Room=Kitchen; image can belong to multiple countries.
- Custom styled dropdowns — Single-select, closes on pick, with active pill indicators.
- Real-time title search — Search box with 220ms debounce filters images as you type.
- Equal Grid & Masonry layouts — Choose your preferred display style.
- Configurable columns — 1 to 6 columns with automatic responsive breakpoints.
- Slide / Fade / None animations — Smooth transitions when switching filters.
- Load More pagination — Shows a configurable number of images on load; load more on click. Set to -1 to show all.
- Built-in Lightbox — Full-screen image viewer with prev/next, keyboard support, and optional Visit Link button.
- Image URL link — Assign an external URL to any image, with optional new tab.
- Image Title & Caption — Display below each image. Title hideable via shortcode.
- Filter labels on image cards — Show assigned filter values as badge labels or ribbons.
- Template override system — WooCommerce-style. Copy templates to your theme to customise layout completely.
- Shortcode — [wbfg_gallery id="X"] with full inline attribute overrides.
- Gutenberg Block — Live preview block with full sidebar controls.
- Per-gallery custom CSS — Fine-tune each gallery independently.
- Global settings — Control defaults for all galleries from one Settings page.
- Accessibility — ARIA roles, keyboard-navigable dropdowns, focus management.
- Fully responsive — Mobile-first CSS with sensible breakpoints.
Template Override System
Copy templates to your active theme to customise the output:
php
php: $image, $title, $caption, $link_url, $link_new_tab, $filters, $lightbox, $show_title, $index, $gallery_id.
Shortcode Parameters
[wbfg_gallery id="X" columns="3" show_all="yes" per_page="6" loadmore="6" layout="grid" lightbox="yes" animation="slide" title="show"]
Parameter
Values
Default
id
Gallery post ID
(required)
columns
1–6
3
show_all
yes / no
yes
per_page
number or -1
6
loadmore
number
6
layout
grid / masonry
grid
lightbox
yes / no
yes
animation
slide / fade / none
slide
title
show / hide
show
The Image Size setting (Thumbnail / Medium / Full) is configured globally in Settings → Display Settings and applies to all galleries.
Credits
Developed by Vishal Singh at Webcasata.