We have our hands full with projects right now, so replies may take a little longer. For new projects, book a slot as soon as you can, or send the fixes you need to our support.
Englishen
Login Configurator

Filters and sorting on category pages

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.

Sources

Description:
Viewed:
To do:
Setup:
Effect:

General

Announcement bar at the top of the store
Easy
High
Sticky navigation
Easy
Moderate
Smart search with autocomplete
Intermediate
High
Trust elements in the footer
Very Easy
Moderate

Home page

Home page hero section
Easy
High
Featured categories and bestsellers
Easy
Moderate
Social proof on the home page
Easy
Moderate
Newsletter signup with incentive
Easy
Moderate
Key benefits bar
Very Easy
Moderate
Brand story on the home page
Easy
Moderate

Category page

Filters and sorting on category pages
Intermediate
High
Product order in the category
Easy
High
Promotional blocks in the product grid
Easy
Moderate
Informative product cards
Easy
High
Category description text
Easy
High

Product page

Related products
Easy
Moderate
Displaying delivery information on the product page
Intermediate
Moderate
Managing out of stock products
Easy
Moderate
Product page videos
Easy
Moderate
Product reviews
Easy
Moderate
The power of triggers on product pages
Intermediate
High
Product image gallery and zoom
Easy
High
Sticky add-to-cart on mobile
Easy
High
Tabs: specifications, shipping, and returns
Easy
Moderate

Cart

Mini-cart with free-shipping progress
Easy
High
Cross-sell and upsell in the cart
Easy
High
Trust elements and order summary in the cart
Very Easy
High
Cart drawer and a shorter path to checkout
Easy
High

Checkout

Guest checkout and easy login
Easy
Significant
Minimal and clear checkout form fields
Intermediate
High
Payment methods and security
Intermediate
Significant
Clear checkout flow and order review
Easy
High
Order bumps and checkout upsells
Easy
High

Thank you page

Order confirmation and delivery expectations
Easy
Moderate
Account creation and referral incentive
Intermediate
Moderate
Additional offer on the thank-you page
Easy
Moderate
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.

Stop browsing. Start selling. Contact me now at anze@degriz.net.

Access Premium Content for Free

Subscribe to our newsletter and get free access to premium content. Discover valuable insights and exclusive resources available only to our subscribers.

Privacy Policy: Newsletter Subscription

By entering your email address, you are subscribing to the newsletter, through which Degriz will inform you about new online and in-store offerings, marketing activities, and other promotions.

By subscribing to the newsletter, you are also enrolled in the benefits database that Degriz offers to its users.

For the newsletter subscription, Degriz d.o.o. collects the following information: email address, IP address, and if you subscribe as a registered member, your name, surname, address, and phone number.

After submitting the form with your email address, you will receive a confirmation message at the specified address – by confirming this, you will be subscribed to the Degriz newsletter until you unsubscribe (so-called opt-in approval). You can request, in writing or by clicking the Unsubscribe button in the newsletter, that the data controller permanently or temporarily stops using your personal data for direct marketing purposes. Your request will be fulfilled within 15 days of receiving it, as prescribed by law. You can also request the transfer or access to your data.

Degriz d.o.o. is committed to protecting your data in accordance with the legislation governing personal data protection.

The sender of the newsletter and controller of your personal data is: Degriz, d.o.o., Gorica pri Šmartnem 45a, 3000 Celje, SI 67287743

Check out the full Privacy Policy

Newsletter

My name is Anže, and I am a Magento certified expert in solutions and a creator of multiple award-winning online stores.

I am the architect behind all Degriz projects. You will surely come across me if we collaborate. Even though the phone keeps ringing, you can always tap me on the shoulder if you need advice regarding online stores and their functioning.

I specialize in building custom online stores and I am a master of unique techniques to enhance conversion on your website.

© 2010 - 2026 Degriz. All rights reserved. Built with love on Magento.
Partial use of the content is permitted with mandatory attribution. The content is licensed under Creative Commons Attribution 4.0 International (CC BY 4.0) or under our own license.