Storefront filtering is an essential component of the customer experience as it helps them find what they're looking for faster, which can help increase conversions for merchants.
The following outlines some key considerations related to the filtering experience.
To learn how to implement a basic version of storefront filtering, refer to Support storefront filtering.
There are two filter types:
It's recommended to use a set of checkbox inputs for filters of type
list to make it obvious that multiple values can be selected at once.
It's recommended to use a number input for filters of type
price_range. You should ensure that the field number fields have labels, such as "From" and "To".
There are two standard layouts for filtering on larger screens:
In order to provide flexibility for varying merchant needs, you should consider providing both layouts as an option behind a theme setting.
A horizontal toolbar above the product list can provide a compact entry point to both filtering and sorting but works best for smaller stores that need less than five filters at a time.
A vertical sidebar to the left of the product list works best for stores with more than five filters.
Updated 3 months ago