Shop
Filters
Product filters are a valuable tool for online shoppers to quickly and easily find the products they are looking for on e-commerce websites.
Overview
Product filters let shoppers narrow results by category, price, brand, and other attributes. They reduce clutter and help users find the right products quickly on category and search pages.
Key Business & UX Benefits
- Shoppers narrow results by attributes so they find products faster.
- Fewer irrelevant results improve satisfaction and conversion.
- Consistent filter UI across category and search keeps the experience predictable.
- Accessible controls and clear labels support all users.
Pro-Tip from Larry: Use filters on category and search pages so shoppers can narrow results without scrolling.
Usage
https://docs.storefrontui.io/v2/vue/blocks/filters
Feature List
- Filter by category, price, brand, and other attributes
- Multi-select and single-select filter types
- Clear-all and individual filter removal
- Accessible controls and keyboard support
API Reference
Refer to the Storefront UI documentation for filter block API details.
Product Slider
Practical product slider section for presenting collections with navigation and scrollbar options.
UI Kit
The UI Kit is the core set of Laioutr UI primitives and foundational components used across packages, grouped into general, typography, layout, content, surfaces, form, and indicators.