On category pages with many products, filtering and sorting are the main way a visitor quickly gets from a wide offer to what they are looking for. Without good sorting and filters, the customer struggles through long lists, loses patience, and often leaves, even though they would have found the right product with you. Well-considered faceted navigation therefore directly shortens the path to purchase, especially in larger catalogues. Below is how to set up filters and sorting so they help the customer rather than confuse them.
Relevant filters for each category
For each category, show only the filters that make sense for it. Filters should match the attributes customers actually choose by and should differ between categories. Example: in a monitors category, filters by screen size, resolution, and ports make sense, while in a clothing category it is size, colour, and material. Place the most used filters at the top, since they save the customer searching. Too long or irrelevant a list of filters puts the visitor off, so a few right ones are better than many unnecessary ones.
Sorting that helps the customer choose
The sorting option should be clearly visible, usually in the top-right corner above the product list. Offer sorting that suits different purposes: by price, by popularity, by newest, by rating, or by discount.
The default sorting should be sensible, for example by popularity or by bestsellers, since the first products shown most influence the decision. That way the customer sees what most often works even without any action.
Visibility and usability, especially on mobile
Filters must be visible and accessible enough, on larger screens usually on the left or at the top, while on mobile devices they are hidden behind a clear button that opens into a tidy panel. The customer must clearly see at every moment which filters are selected, how many there are, and how to remove them.
When the customer selects a filter, the list should update on the fly, without reloading the whole page. Filters that stay within reach while scrolling further ease narrowing the choice on longer lists.
The right selector type for each attribute
For each attribute, use the selector that is most natural for it. Example: show colours as colour swatches instead of words, price as a slider with the option to enter a minimum and maximum value instead of predefined ranges, and attributes where multiple choices make sense as checkboxes. A natural selector makes choosing easier for the customer and reduces the chance of error; the simpler and clearer the filtering, the longer the customer persists in finding the right product.
How to set it up in Magento
Basic faceted navigation is available in Magento by default: filters are built from the product attributes you mark as filterable. You set up sorting and the display of filters in the category and attribute settings, without touching the code.
For more advanced filtering, for example on-the-fly updating without page reload, colour swatches, a price slider, or fast filtering in large catalogues, a dedicated module or a more capable search engine is often required. Such a module turns faceted navigation from a basic function into a fast and pleasant search tool.
How to measure whether it works
Track what share of visitors on category pages use filters or sorting, and compare their conversion with those who do not; filtered sessions usually have a higher conversion. Especially useful are cases where the selected filters return no products, since they show where the offer or the filter setup falls short.
Based on this data, adjust which filters are available and which are highlighted. Often even moving the most-used filter to the top or adding a missing filter noticeably improves the experience.
Frequently asked questions
Why are filters and sorting on category pages so important?
On category pages with many products, filters and sorting are the main way a visitor quickly gets from a wide offer to what they are looking for. Without good sorting, the customer struggles through long lists, loses patience, and often leaves, even though they would have found the right product with you. Well-considered faceted navigation therefore directly shortens the path to purchase, especially in larger catalogues. Filtered sessions usually have a higher conversion than average.
Which filters should I show in each category?
Only those that make sense for the category and match the attributes customers actually choose by. Filters should differ between categories: for monitors, screen size, resolution, and ports make sense, while for clothing it is size, colour, and material. Place the most used filters at the top, since they save the customer searching. Too long or irrelevant a list puts the visitor off, so a few right ones are better than many unnecessary ones.
By what should the customer be able to sort products?
Offer sorting for different purposes: by price, by popularity, by newest, by rating, or by discount. The option should be clearly visible, usually in the top-right corner above the product list. The default sorting should be sensible, for example by popularity or by bestsellers, since the first products shown most influence the decision. That way the customer sees what most often works even without any action.
How should filters work on mobile devices?
On mobile devices, filters should be hidden behind a clear button that opens into a tidy panel, so they do not take over the whole screen. The customer must clearly see at every moment which filters are selected, how many there are, and how to remove them. When they select a filter, the list should update on the fly, without reloading the whole page. Filters that stay within reach while scrolling further ease narrowing the choice on longer lists.
How do I set up filters in Magento and do I need a module?
Basic faceted navigation is available in Magento by default: filters are built from the product attributes you mark as filterable, and you set up sorting and the display in the category and attribute settings without touching the code. For more advanced filtering, for example on-the-fly updating without page reload, colour swatches, a price slider, or fast filtering in large catalogues, a dedicated module or a more capable search engine is often required. Such a module turns faceted navigation from a basic function into a fast and pleasant search tool.