Hi!
I want to delete part of the sort by option, like:
Alphabetically, A-Z
Alphabetically, Z-A
Featured
I also need to change name: date, old to new > Age, oldest to newest
date, new to old > Age, newest to oldest
Topic summary
Goal: customize the Shopify collection page “Sort by” dropdown by removing options (Featured; Alphabetically A–Z and Z–A) and renaming date-based options to “Age, oldest to newest/newest to oldest.”
Attempted fix: a helper suggested editing theme CSS (Online Store → Theme → Edit code → theme.css/base.css) to hide specific options using nth-child selectors. The provided snippet did not work for the requester, as shown in a screenshot.
Renaming guidance: the helper shared a YouTube tutorial link to change the displayed names of the sort options and advised removing the earlier CSS code and following the video instructions.
Status/outcomes:
- Hiding/removing specific sort options remains unresolved in-thread (the CSS approach did not work).
- Renaming “date, old→new” and “date, new→old” may be addressed via the tutorial, but no confirmation of success yet.
Open items: verified method to remove the listed sort options; confirmation that the renaming steps work for the requester.
Hi @Gregory87 ,
- Go to Online Store → Theme → Edit code.
- Open your theme.css / based.css file and paste the code in the bottom of the file.
.select option:nth-child(3) {
display: !important;
}
.select option:nth-child(4) {
display: none !important;
}
Result:
If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!
If you want to change name: date, old to new > Age, oldest to newest
date, new to old > Age, newest to oldest
Please follow this video:
https://youtu.be/Rrggg1h17eo?si=phMMSBn15M04nozw
If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!
Please remove that code, and follow the link I provided.