Loading experience
Djia Bricks Module

The most complete
filter engine for
Bricks Builder

15 AJAX filter elements that connect to any Bricks Query Loop. Taxonomy, meta and WooCommerce filters. Indexed, cached, URL-synced — for any CPT or WooCommerce archive.

15Filter elements
AJAXNo page reload
URLSynced
Index+ Cache
Any CPT+ WooCommerce
yoursite.com/shop
Shop Archive
Blog CPT
Real Estate
Category
Electronics24
Clothing18
Books41
Home & Garden9
Color
Price
$20$850
Electronics ×
Red ×
In Stock ×
Wireless Pro
$149
Smart Hub
$89
Desk Kit
$224
Audio Max
$299
Studio Cam
$199
Stand Pro
$64
AJAX · 38ms · 6 results · URL synced
15
Filter elements
9
Filter types
0ms
Cached response
Any
Post type
Filter Elements

15 dedicated elements
in Bricks Builder

Every filter UI component registered natively — drag, drop and configure inside Bricks. No shortcodes.

☑️
Checkboxes
Multi-select taxonomy or meta filter with result counts per term.
Taxonomy · Meta
🔘
Radio
Single-select filter for taxonomy and meta filters with custom styling.
Taxonomy · Meta
Select
Dropdown with optional multi-select mode for taxonomy and attributes.
Taxonomy · Woo
🎨
Color Swatch
Visual color swatches per term — circle, rounded or square shapes.
Taxonomy · Woo attribute
🖼️
Image Swatch
Image per term for fabric, texture or pattern attribute filtering.
Taxonomy · Woo attribute
↔️
Range Slider
Single range slider for price, meta or any numeric field with live preview.
Meta · Woo price
🔢
Min / Max Input
Separate number inputs for precise range filtering — min and max independently.
Meta · Woo price
🏷️
Active Tags
Displays all active filter values with individual clear buttons per tag.
All filters
Reset / Clear All
Clears all active filters in the current container with one click.
All filters
Apply Button
Manual apply mode — results don't refresh until user clicks apply.
Manual mode
🔍
Search
Keyword search input that filters the listing by post title and content.
Keyword filter
Sort / Order
Order-by dropdown — relevance, date, title, price or any meta key.
Sort filter
📱
Offcanvas Panel
Mobile slide-out filter panel triggered by any button element.
Mobile container
🔲
Toggle Button
Toggle button group for single or multi-select filtering with custom labels.
Taxonomy · Meta
Filter Group
Collapsible wrapper — group related filters under a heading.
Container
How it works

Connect filters to
any Query Loop

Add a filter container to any Bricks page, connect it to your listing element via a CSS selector, then add individual filter elements inside. Every filter interaction triggers an AJAX refresh — no page reload, URL synced, browser history intact.

1

Add filter container

Place the Filter Container element on the page. Set the target selector to your Bricks Query Loop wrapper — e.g. .my-listing.

2

Add filter elements inside

Drag any of the 15 filter elements into the container. Configure each filter — choose the taxonomy, meta key or WooCommerce attribute to filter by.

3

Enable index (optional)

Run the index builder from Djia Bricks → Index for best performance. Auto-updates on post save/delete.

4

Done — AJAX, URL sync, cache

Every filter interaction fires AJAX, updates the URL state and caches the response. Repeat states serve instantly from cache.

WP-CLI
# Build index for a post type wp djia index rebuild --post-type=product wp djia index rebuild --post-type=listing # Check index status wp djia index status # Clear all cache wp djia cache flush
SettingDefaultDescription
cache_ttl3600sSeconds before cache entry expires
cache_drivertransientsStorage driver: transients or object cache
ajax_debounce300msDebounce delay on filter change
url_modepushStatepushState or replaceState
index_batch200Posts per indexing batch
Filter Types

9 filter types — every
filtering scenario covered

📂
Taxonomy
Any registered taxonomy — categories, tags, custom. AND/OR relation, hide empty, count display.
🗂️
Meta / Custom Field
Any post meta key. String, numeric or date comparison. Works with ACF, Meta Box, Pods.
👗
WooCommerce Attribute
Product attribute taxonomy (pa_color, pa_size…). Variation-aware stock counting.
💰
Woo Price
Price range from indexed _price meta. Automatic min/max boundary detection.
📦
Woo Stock Status
In stock, out of stock, on backorder. Optional overlay instead of hiding.
Woo Rating
Filter by minimum average star rating. Uses _wc_average_rating meta.
🔍
Keyword Search
Full-text search on post title and content with configurable debounce delay.
Sort / Order
Order by relevance, date, title, price or any meta key — ascending or descending.
🔀
Conditional Logic
Show or hide any filter element based on the active state of other filters — no code needed.
Performance

Indexed & cached
for large catalogs

Pre-built flat index eliminates live taxonomy queries at filter time. Shared anonymous cache stores AJAX responses per URL state — repeat filter states serve instantly from cache with zero DB queries.

  • One-time index build — auto-updates on post save/delete
  • Flat index table — no live JOIN queries on filter
  • Shared anonymous cache — all visitors share the same cache
  • Configurable TTL — from 5 minutes to permanent
  • Object cache compatible — Redis, Memcached
  • WP-CLI commands for index rebuild and cache flush
  • Works behind full-page cache — AJAX bypasses page cache

Pre-built Index

Flat DB table built ahead of time. Filter queries read from index — no live taxonomy JOINs.

Zero live queries
💾

Response Cache

Every unique filter state is cached. Repeat requests serve from cache in 0ms.

Transients or Redis
🔗

URL Sync

Every filter state is reflected in the URL. Share links, use browser back/forward, bookmark results.

pushState or replace
📱

Works behind cache

AJAX requests go to admin-ajax.php and bypass full-page cache (WP Rocket, LiteSpeed, Cloudflare).

Cache compatible
Use Cases

Works for any listing,
not just WooCommerce

🛒

WooCommerce Shop

Filter by price, attribute, stock, rating and taxonomy. Variation-aware attribute filtering. Works with the Bricks product archive loop.

Full Woo support
🏠

Property Directory

Filter real estate listings by location taxonomy, price meta, bedrooms meta and property type. Any custom post type.

Custom post type
💼

Job Board

Filter job listings by category, location, job type and salary range. Connect to any CPT with custom taxonomies and meta fields.

Custom taxonomies
📰

Blog / News

Filter posts by category, tag, author and date range. Works with any Bricks post loop — archive or custom.

Native post types
🎓

Course Catalog

Filter courses by subject taxonomy, level meta, duration range and instructor. Any CPT built with ACF or Meta Box.

ACF · Meta Box · Pods
🗂️

Event Directory

Filter events by date range, location, category and price. Numeric meta range, keyword search and taxonomy filters combined.

Numeric + taxonomy

Add AJAX filtering to
any Bricks listing.

15 filter elements, 9 filter types, indexed, cached and URL-synced — all configured inside Bricks Builder.