Swiffle – Filters & Sort — Block Reference

Last updated: August 2026

The Swiffle – Filters & Sort block is a standalone search, sort, and filter panel for a Swiffle Grid block. Use it when you want the filter controls to live somewhere else on the page — above a hero image, in a sidebar, inside a page-builder layout — instead of the built-in filter panel that opens from the grid itself. It is available in both Gutenberg and Elementor.

How it connects to a grid. A Filters & Sort block always targets the nearest Swiffle Grid block that comes after it in the page (in document order — it walks forward through the page structure, including past nested page-builder wrapper containers, until it finds one). Place it directly above, or anywhere earlier on the page than, the grid you want it to control. It does not need to be adjacent — just the closest one that follows.

WooCommerce sources only. Sorting and filtering (search, category, price) are WooCommerce query concepts. The block only has an effect on a Swiffle Grid block whose data source is WooCommerce — placed in front of a WordPress, RSS, CSV/XLSX, or Custom source block, it has no effect at all.

⚙️ Behavior

Setting	Description	Default
`Spoiler`	Not collapsible — the filter panel is always fully open. Collapsible (collapsed by default) — the panel starts closed behind a «Filter» toggle button, and visitors open it themselves.	`Not collapsible`

🧩 Content

Each component below can be shown or hidden independently — turn on only the ones you need, for example just the sort dropdown with everything else off.

Setting	Description	Default
`Search words`	A free-text search box.	On
`Sorting`	A dropdown with five options: Default sorting, Sort by popularity, Sort by average rating, Sort by latest, Sort by price (low to high / high to low).	On
`Categories`	A list of checkboxes for WooCommerce product categories, plus three special entries always available regardless of your real categories: All categories (clears any category filtering), My Wishlist, and On-sale products. Which categories actually appear is controlled by the `Categories` setting below — this toggle only shows or hides the whole block.	Off
`Categories`	Once the `Categories` content toggle above is on, pick here exactly which categories (real or special) should be offered to visitors.	None selected
`Price`	A minimum/maximum price range control.	Off

🎨 Colors

Setting	Description	Default
`Background color`	Background color of the filter panel.	Theme default
`Text color`	Color of the labels and input text inside the panel.	Theme default
`Button background`	Background color of the «Filter» toggle and apply buttons.	Theme default
`Button text`	Text color of those same buttons.	Theme default