How to make discounts show first on Collection Pages?

Store Design
, ,
1

Hey community,

Is there a way to make items on sale/discounts show up first on a collection page? Normally it’s “Best Selling” or “Newest” but we want our discounted products to appear first.

I would manually add them (via manual filter), but we have a ludicrous amount of products and it’s not ideal.

Please assist

2

Yes, it is possible to display discounted products first on a collection page. You can do this by using a custom sorting option in your store’s theme.

Here are the steps to create a custom sorting option that will show discounted products first on a collection page:

  1. Open your Shopify admin panel and go to Online Store > Themes.
  2. Click on the “Actions” button and select “Edit code” from the drop-down menu.
  3. In the “Templates” folder, find the file named “collection.liquid” and open it.
  4. Find the line of code that starts with “sort_by” and add a new option to the list, like this:

<select id="SortBy" name="sort_by"> <option value="manual">Featured</option> <option value="best-selling">Best Selling</option> <option value="title-ascending">Alphabetically, A-Z</option> <option value="title-descending">Alphabetically, Z-A</option> <option value="price-ascending">Price, low to high</option> <option value="price-descending">Price, high to low</option> <option value="-discount">Discounted</option> // new option added here <option value="created-descending">Date, new to old</option> <option value="created-ascending">Date, old to new</option> </select>

  1. Save the changes to the “collection.liquid” file.

Now, when a customer visits a collection page on your store, they will see a new sorting option called “Discounted” in the drop-down list. When they select this option, the discounted products will appear at the top of the page.

Note that this method assumes that you have set up discounts in your store using Shopify’s discount codes feature. If you have set up discounts in a different way, you may need to modify the code to match your specific setup.

3

Hey Mics

Thank you for the swift reply. I’ve been trying to locate collections.liquid, but nothing is coming up. I will post a screenshot of the collections I have below. (main-collection.liquid does not contain it either).

If it helps, I’m currently using Archetype’s Expanse theme.

![Collections.jpg|294x913](upload://aJnMYpnM4AW3HvrjGRgRSFlOWxs.jpeg)
4

hi

yes different theme has different names and class you need to inspect and find it , i can try to fix but i am advice look for other shopify expert and ask them
ususally i would have offer you my service but my review isn’t good latlely so i do not want to trouble you

5

Hey Mics

I have asked the Developers to tell me what the collection name is and where to find it. Hopefully they can give me more clarity.

If I find it, I would gladly use your service, if you’d be down to assist me? :slightly_smiling_face: