How to remove collection shorting options?

Shopify Discussion

Topic summary

A user wants to remove certain sorting options (specifically “oldest” and “newest”) from their collection pages that are visible to customers on the storefront.

Key Points:

  • The request is about customer-facing sorting options on collection pages, not admin settings
  • The store uses a third-party theme (hairmony.gr)
  • One responder notes they cannot provide theme-specific code without access to the theme files, as each theme uses different code structures and variables
  • A potential solution was offered involving CSS code to hide the “best selling” sorting option

Proposed Solution:

  • Add custom CSS to the theme’s stylesheet (base.css, style.css, or theme.css)
  • The CSS targets specific collection toolbar elements to hide unwanted sorting options
  • However, the solution may need adjustment based on the specific theme’s structure

Status: The discussion remains open, as the CSS solution provided may require customization for the user’s specific third-party theme.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
1

Hi there, i wondering if it is currently possible to remove some of the shorting option in the collection. For example i want to remove the oldest and newest options.

Thanks in advance

Screenshot from 2023-10-25 12-23-27.png
Screenshot from 2023-10-25 12-23-27.png760Ă—302 19.4 KB

2

Hi @mpatsia Are you referring to the option in Collection section in Admin or the option in the collection page in Online store?

If you are referring to the Admin section, then please note that you can’t remove it, and if you don’t want to use it then leave it, it is not necessary too use every option and shopify added this option for admin itself so it’s upon Admin if they want to use it or not.

If you need any assistance then please feel free to ask the same.

Hopefully it will help you. If yes then Please hit Like and Mark it as solution!

Best Regards

Sahil

3

Hello and thanks for reply, i am referring to those that visible to a user in the collections

Screenshot from 2023-10-25 13-36-38.png
Screenshot from 2023-10-25 13-36-38.png675Ă—519 65.8 KB

4

Hi @mpatsia Got it, for this could you please provide your Store URL and, if applicable, the Password too?

So that I can provide you the exact solution.

Best Regards,

Sahil

5

https://hairmony.gr/

6

Hi @mpatsia Thanks for sharing the store URL.

I have looked into your store and found that you are using 3rd party Theme. I will be unable to provide the code that works well with your theme without looking into the code files. As every theme has different code and different variable.

If needed I can provide the universal code that will works well for the shopify free theme but you need to modify that code according to your theme and theme variables. The code that I will provide may not works well with your theme as I am unable to check what all variable your theme is using and in what all theme files.

If you need any assistance then please feel free to ask the same.

Hopefully it will help you. If yes then Please hit Like and Mark it as solution!

Best Regards

Sahil

1 Like
7

Hi @mpatsia

Just to clarify you like to remove the best selling right? Try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
#CollectionProductGrid > div.sf__collection-toolbar > div > div.flex.flex-1.items-center.justify-between > div > div > div.select-items > div.same-as-selected {
    display: none;
}
1 Like