內容簡介
Webcasata Filter Gallery 讓您建立引人注目的響應式圖片畫廊，訪客可以透過自訂下拉選單即時篩選圖片，無需重新載入頁面，提升使用者體驗。
【主要功能】
• 多群組下拉篩選
• AND/OR 邏輯篩選
• 實時標題搜尋
• 可配置的顯示欄位
• 內建燈箱功能
• 短碼與 Gutenberg 區塊支援
外掛標籤
開發者團隊
原文外掛簡介
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:
your-theme/webcasata-filter-gallery/image-card.php
your-theme/webcasata-filter-gallery/gallery-template.php
All image variables are available in image-card.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.
