Customize Sorting Options for Atelier

Store Design
, , ,

Topic summary

A user wants to customize the product sorting dropdown in the Atelier theme by removing certain options and renaming others.

Solutions Provided:

  • Renaming options: Navigate to Online Store → Themes → three dots menu → Edit default theme content. Search for “sort” to find and modify the display names of sorting options.

  • Removing options: Add CSS code to the theme’s styles.css file to hide unwanted sorting choices. The suggested code hides price (ascending/descending) and alphabetical (title ascending/descending) options using display: none on their respective IDs.

Status: The discussion appears resolved with actionable steps provided. Multiple developers offered to help with store-specific customization if the URL was shared, though the CSS solution was accepted without requiring direct store access.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I’m using the theme Atelier, and I’d like to remove and change the name of some of the product sorting options. How would I do that? I’ve seen other posts about doing this, but not for this theme specifically, and none of the solutions in other posts seem to be applicable to this theme.

Thank you.

1 Like
2

Please share your store url. And by sorting you mean the ones in the collection like price low to high, date, etc?

3

Hello @jaimeone
Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

4

Hello @jaimeone ,

To change the name of sorting options. Go to Online store → Themes → Click on threee dots and edit theme default content.

In next screen search for sort and here you will find option to change the names.

Please check the screenshot

Screenshot 2025-06-24 at 8.14.17 AM.png
Screenshot 2025-06-24 at 8.14.17 AM.png2802×1688 222 KB

And to remove any option from sort dropdown we can do it with css, let me know which one you want to hide and I’ll provide the css code.

Regards
Guleria

2 Likes
5

Thank you very much!

I’m looking to remove the price options, and potentially alphabetical as well.

1 Like
6

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your styles.css file and paste the following code at the bottom:

#title-ascending, #title-descending, #price-ascending, #price-descending {
    display: none;
}
1 Like
7

Hello @jaimeone

I also encounter the same issues ,but actually my shopify marketing agency helped me with that.