How to Add Sorting Options to a Shopify Collection Page (2026)

Last updated
Expert reviewed
5 min read
Jacques Blom
Jacques Blom
CTO at Fudge.

Key takeaways

  • Enable or disable sort options in Theme Editor > Collection page > Filter and sort settings.
  • The Shopify Search & Discovery app controls which filter types are available (price, tag, vendor, etc.).
  • Available sort options include: Best selling, Price, Newest, Oldest, Product title A-Z.
  • Filters and sorting are free via Shopify’s built-in tools - no paid app required.

Sorting and filtering help customers find products faster on large collection pages. Shopify includes these features natively - here’s how to turn them on and configure them.

Why you can trust us

We’ve built and customised hundreds of Shopify storefronts. We also built Fudge - an AI storefront editor with a 5.0 rating on the Shopify App Store.


How to enable sort options on collection pages

Sort controls are enabled in the Theme Editor.

Step 1. Go to Online Store > Themes > Customize.

Step 2. Navigate to a Collection page using the page selector at the top.

Step 3. In the left sidebar, click the Collection section or Product grid section.

Step 4. Look for settings labelled “Enable sorting”, “Show sort”, or similar. Toggle it on.

Step 5. Save.

A sort dropdown now appears on your collection pages. Customers can use it to change the product order.


Available sort options in Shopify

When sorting is enabled, customers can sort by:

You can’t add custom sort options (like “Recommended” or “Rating”) without code or a third-party app. The above list is what Shopify provides natively.


How to enable filters on collection pages

Filters let customers narrow the product grid by attributes like price range, product type, colour, size, or vendor.

Shopify’s Search & Discovery app controls the available filters. It’s free and maintained by Shopify.

Step 1. In your Shopify admin, go to Apps and search for “Search & Discovery” - it may already be installed. If not, install it from the App Store (it’s free).

Step 2. Open the Search & Discovery app.

Step 3. Go to Filters. Here you can add and configure filter options:

Step 4. Add the filters you want and set their display names.

Step 5. Make sure your collection page template has filtering enabled in the Theme Editor (look for “Enable filtering” in the collection section settings).

Want a custom filter panel design or advanced filtering? Describe it to Fudge.
Try Fudge for Free

Tag-based filters

The most useful filters come from product tags. If you tag your products consistently (e.g., colour:blue, colour:red, size:small, size:large), the Search & Discovery app can turn those tags into filter groups.

How to set up tag-based filters:

  1. In the Search & Discovery app > Filters, click Add filter.
  2. Choose Product tag.
  3. Set the filter group name (e.g., “Colour”) and specify which tags belong to it.

For this to work, your products need to be tagged consistently. Go to Products > select a product > Tags field to add or check tags.


Showing filter and sort counts

A useful UX feature is showing how many products match a filter selection (e.g., “Blue (12)”). This is sometimes called filter counts and is available in some Shopify themes natively - look in the Theme Editor > Collection section settings for a “Show filter counts” toggle.


Filter and sort panel position

By default, filters often appear in a left sidebar or above the product grid depending on the theme. In the Theme Editor’s collection section settings, you may be able to choose between:

Choose the layout that fits your theme and product density.


Custom filtering beyond Shopify native

If you need metafield-based filtering (filtering by product metafields rather than tags), faceted search, or complex nested filter logic, Shopify’s native tools and Search & Discovery have limits. Third-party apps like Boost Commerce or Searchpie extend this significantly.

For custom filter UI designs that differ from your theme’s default style, Fudge can rebuild the filter panel based on your description.

Jacques's signature
Build a custom collection page with advanced filtering — just describe it.

You might also be interested in

How to Add Custom Text to a Shopify Collection Page (2026)
Learn how to add text to Shopify collection pages - collection descriptions, Theme Editor text sections, and custom templates for above-grid content.
How to Add a Banner to a Shopify Collection Page (2026)
Learn how to add a banner image to Shopify collection pages. Covers the collection image method, Theme Editor sections, and per-collection banners
How to Create a Collection Page in Shopify (2026)
LearnhowtocreateacollectionpageinShopify,addproducts,customisethelayout,andunderstandthedifferencebetweencollectionsandpages.️