How to remove "sort by" options in Prestige v 7.3?

[theithei]

I’m trying to remove some options like “alphabetically Z-A” and “date new to old” / “date old to new” from the “sort by” option son the category page of my store.

Found some tutorials on this but none worked.

I’m using Prestige theme v7.3

Can someone please point me in the right direction?

Thank you in advance!

[Made4uo-Ribe]

Hi @theithei ,

Try this one.

1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
3. In the “Assets” folder, click on “base.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:
4. And Save.

button#option-200a5efb-6c4f-4597-86f1-957a45128814 {
    display: none;
}
button#option-fd2667c1-6d2c-4525-8809-3b06f60c9489 {
    display: none;
}
button#option-d2b79e75-8f53-4141-85b4-a598c1c6b47c {
    display: none;
}

Result:

If this wont work, would you mind to share your URL website with password if its protected. Thanks!

[theithei]

Hi, unfortunately this didn’t work.

My theme doesn’t have a “base.css” file, so I used “theme.css” file.
Here is the preview: https://skcacj3nz0cf6hww-28196274313.shopifypreview.com (“All products” is the second tab in the top left corner (“Produkte” because it’s German).

Thank you in advance for your time!

[Made4uo-Ribe]

I think you change your theme. Other theme have different ID and names of the selector. Try this.

1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
3. 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:
4. And Save.

facets-sort-popover#sort-by-popover, button#option-4b17b7f4-7336-467d-a41b-17abf9acd797, button#option-c13765cd-f76f-4f5e-b9d4-ac76698a8a98, button#option-c75215d8-1281-478d-811e-2fbf4dff7140 {
    display: none
}

Result:

I hope it help.

[theithei]

Thank you, bit this is still not working and I don’t understand why…
Did everything exactly like you mentioned…

[Made4uo-Ribe]

facets-sort-popover#sort-by-popover, button#option-4b17b7f4-7336-467d-a41b-17abf9acd797, button#option-c13765cd-f76f-4f5e-b9d4-ac76698a8a98, button#option-c75215d8-1281-478d-811e-2fbf4dff7140 {
    display: none !important;
}

Can you try this? Thanks!

[theithei]

Hey! Added this solution to the theme.css and this is how it looks like right now:

If you click on “sort by” there is no option or window opening now.

One more thing. I’d also like to remove the option “Ausgewählt” from the menu if possible.

any other ideas?

[Made4uo-Ribe]

Oh, There must be something missing. Can you provide the preivew again? I cant access it now. Thanks! I should go on the 1st code I put it one by one.

[theithei]

sure!

https://wqhtkpat2ouwouf3-28196274313.shopifypreview.com

thanks for all your effort btw

[Made4uo-Ribe]

Try this one.

x-listbox.popover__value-list button:nth-child(1), x-listbox.popover__value-list button:nth-child(4), x-listbox.popover__value-list button:nth-child(8), x-listbox.popover__value-list button:nth-child(7) {
    display:none !important;
}

If this wont work try another one.

button#option-a737cb2d-0cb9-488a-9f74-4a291c2800b8 {
    display: none;
}
button#option-f7c2402c-9200-41a9-982f-cd3ce8060abb {
    display: none;
}
button#option-71bc13b0-a69f-418e-927d-80df20b2f470 {
    display: none;
}
button#option-9322d9ae-f60b-46b2-9262-0dc53a3403f7 {
    display: none;
}

i hope it help.

[theithei]

The upper option worked, thank you SO MUCH for your time and effort.
I don’t know what went wrong the first time(s), but it looks way better now, thank you!

[Made4uo-Ribe]

Good to know. I try to call it by normal calling I thought they listen. So I need to call them hardly so they render the codes. Welcome!