Filters and sort are for large listings. +40% conversion with good UX.
Filter vs Sort
Filters narrow results. Sort orders them.
Filter types
Checkbox, radio, range slider, color swatch, dropdown, toggle, search.
Placement
Sidebar (desktop), top bar, mobile drawer, modal.
Display strategy
Only relevant filters. Conditional filters.
Active filters
Tags with \"X\". \"Clear all\" button.
Result counter
Real-time update. Or an apply button.
Empty state
\"No results\", alternatives.
Mobile
Bottom drawer or full-screen modal.
URL state
?brand=apple&sort=price-asc. Sharing works.
Performance
AJAX updates. ElasticSearch/Algolia.
SEO
Canonical to the category or noindex.
Accessibility
Keyboard nav, aria.
Mistakes
Too many filters, no conditional logic, no active state, mobile sidebar.
Faceted search
Counts in brackets: Apple (45).
Tools
WooCommerce filter plugins. Algolia, ElasticSearch.
A/B testing
Sidebar vs top, real-time vs apply.
Sayt.uz
Blog: category checkboxes + sort dropdown. URL state. Mobile accordion. Pages per session 2.8.