Ecommerce Sorting: How to Design Better Product Sorting

Good product sorting gives shoppers a sensible default and a few predictable alternatives. Default to a relevance or featured order that shows the breadth of the range in the first rows. Offer the essential sorts (price low to high and high to low, customer rating, best-selling and newest), add sorts specific to the category such as unit price or size, and drop sorts nobody uses, such as alphabetical. Show the current sort in the control, keep sorting and filtering independent, remember the choice when shoppers come back to the list, and keep sorted URLs out of search.

Filters narrow a list; sorting decides which of the remaining products shoppers see first. Because most shoppers only look at the first rows, the sort order is one of the strongest merchandising levers on a store. This guide is a deep dive from product listing page UX; for narrowing, see ecommerce product filters.

Most shoppers never change the sort, so the default decides what they see. Baymard Institute recommends a diversity-based relevance default, where the first rows represent the main product types in the category rather than many near-identical bestsellers; their benchmark found 24% of desktop sites didn't do this (Baymard Institute, 2021). Their suggested approach is to make sure every major subtype appears within roughly the first 20 results on desktop and 10 on mobile.

Name it “Featured” or “Recommended” rather than “Popular”, which shoppers read as best-selling.

Baymard's research identifies four sort types that users expect on most ecommerce sites (Baymard Institute, 2021).

Some categories need sorts that reflect how people choose: unit price for groceries and consumables, weight for outdoor gear, screen size for TVs, delivery speed for urgent purchases. Add them where the attribute is structured and consistent across the category; a sort over incomplete data puts products with missing values in unpredictable places.

On desktop, a dropdown near the top right of the list, labelled with the current value (“Sort: Featured”), is familiar. On mobile, place a sort button next to the filter button, show the current sort on it, and open a short list in a bottom sheet. Apply the sort immediately, keep the scroll position sensible, and announce the change to screen reader users.

Sorting logic should know about stock. Push products that are sold out, or sold out in most sizes, down the list, and consider variant-level availability for apparel. Merchandising rules such as pinned products work on top of the default sort; keep them few and review them so the default doesn't become a list of stale promotions. See ecommerce merchandising.

Shoppers often filter, then sort, then adjust filters again. Each action should keep the other: applying a filter shouldn't reset the sort, and changing the sort shouldn't clear filters. When shoppers return from a product page, restore both and the scroll position.

Sorted URLs contain the same products as the category in a different order, so they're duplicates for search engines. Keep them out of crawling and don't link to them as normal navigation. Shopify's default robots.txt disallows collection URLs containing sort_by. See faceted navigation SEO.

Sorting is quiet but powerful: the default decides what most shoppers see, and a few predictable options let the rest take control. Default to a diverse relevance order, offer the essential sorts plus category-specific ones, show the current sort, respect stock and filters, and keep sorted URLs out of search. Next, see product cards, which decide whether shoppers click what the sort shows them.