Home > Shopify Development > Insert a 'Sort by' menu to collection pages

How to insert a Sort by menu to collection pages in Shopify

Sam Updated: March 13, 2024

Drive 20-40% of your revenue with Avada

Get Started

Having a Sort by menu on collection pages is crucial for any e-commerce store, offering customers a convenient way to browse products. However, many store owners are unsure how to insert a Sort by menu into collection pages in Shopify. This guide will walk you through the simple steps to add this feature, improving your store’s user experience and helping customers find what they need faster.

Step 1: Check your theme settings
Step 2: Edit your theme code

Step 1: Check your theme settings

Most themes do include a setting to get a Sort by menu enabled on collection pages. If your theme does include this setting, then you are able to enable it from the theme editor.

Step 1: Go to the theme editor.

How to insert a sort by menu to collection page in shopify

Step 2: In the theme preview, direct to any collection page on your online store.
Step 3: You must now see the Collection pages or the Collection tab right in the theme editor:

Tap this tab to see the settings for collection pages.

Step 4: Check whether there is a setting to Enable collection sorting:

In case the setting does exist, then check Enable collection sorting.

Step 5: Tap Save. In case you can’t find the option to enable collection sorting then you may need to edit your theme code. Please follow these steps below.

Step 2: Edit your theme code

Conclusion

In conclusion, adding a “Sort by” menu to your Shopify collection pages is an essential feature that enhances customer experience and product browsing convenience. Whether through your theme settings or by editing the theme code, implementing this function is straightforward and highly beneficial. Take the time to follow these steps, and you’ll create a more user-friendly shopping environment for your customers, improving overall satisfaction and engagement.

Catalog

How to modify the shipping calculator HTML How to add the gift-wrapping snippet in your cart template How to modify your theme.liquid file How to insert some JavaScript to your theme Delete the author's name in your theme Insert the search box on your Jekyll site using lunr.js Liquid Variables: assign, capture, increment, increment Liquid paginate: Split into multiple pages Update the product form to support dynamic checkout buttons Select which page to show when customers log in to your online store Modify the code for your payment icons Insert the security badge code to your theme Insert Disqus to your blog Insert breadcrumb navigation to your store Generate your snippet generate the "How did you hear about us" form field Generate and include an age-check snippet Generate a back-to-the-top snippet Edit correct quantities on the cart page silently Apply a class to your templates Update item quantity fields in the cart Update the collection-template.liquid file Modify the theme code to add the shipping calculator Insert the notification form code to your theme Insert custom fields to your theme's customer registration form Add Custom Fields to Contact Form in Shopify Insert a form field to your theme code Insert a Continue shopping link to your cart page Insert a checkbox to your cart page in sectioned themes How To Create A Contact Page On Shopify: Our Step-by-Step Guide

Sam Nguyen

Sam Nguyen is the CEO and founder of Avada Commerce, an e-commerce solution provider headquartered in Singapore. He is an expert on the Shopify e-commerce platform for online stores and retail point-of-sale systems. Sam loves talking about e-commerce and he aims to help over a million online businesses grow and thrive.

How to insert a Sort by menu to collection pages in Shopify

Drive 20-40% of your revenue with Avada