Search With Filters Bar
Results with toggleable filter chips and the count updating per selection.
Results with toggleable filter chips and the count updating per selection.
Search blocks by description or jump to a page.
The source for every Ecommerce block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Search With Filters Bar refines results live, type chips that toggle off with a visible X, the under $100 price chip, and the count keeping score, 2 of 5. Active filters wear their X inside the chip, removal always one tap from where the filter shows.
A client block, the filter logic is two predicates over one array. The count by filter state is the orientation device.
Reach for this block when search results need narrowing without a full sidebar, the middle weight between the plain results page and the filtered grid.
A natural flow around it on an Ecommerce Pro page:
Before
After
One strong use is type plus price refinement. Other bars:
Tip: the X inside active chips matters, filters that require finding a clear all somewhere else are how result sets get abandoned.