Prestige Theme: Remove Sort by options and customize Filter options

[chrissy8329]

Hello there,

I’d like to remove the following “Sort by” option within my prestige theme:

• featured
• Alphabetically A-Z
• Alphabetically Z-A
• Date, old to new

I’ve already tried several tipps from here, e.g. like this one:

button#option-a737cb2d-0cb9-488a-9f74-4a291c2800b8 { display: none; }

But it’s not working. Maybe it’s because I’m using the newest Prestige Version (10.0.2)?

I would also like to add only certain values to the filter options. For “Sizes”, for example, I don’t want to show all values as filter options, but only manually selected ones (only size 52-64, but not size 96-X-179-cm etc). How can I customize these filters?

Thank you very much in advance,
Chrissy

[DitalTek]

Hi,

I’d like to remove the following “Sort by” option within my prestige theme:

The your expected here are you want set default other option instead of “Sort by”, right?

Second point?

Do you have use any app to filter?

[chrissy8329]

Hello,

Thank you for your reply.

No, I would like to keep the “Sort by” options, but there are too many for me. I only want to keep the following options (see picture).

No, I am not currently using a filter app.

Best regards

[Roy_12]

Hi @chrissy8329 ,

I’d be happy to help you with customizing the sorting options on your collection page. Could you please share the link to your collection page so we can take a closer look at the CSS selector and provide a CSS solution? However, I think it would be even better if we could eliminate the sortby options from the liquid code itself.

In the meantime, you may find this link to a liquid solution helpful:
Customise sorting option on Collection page - Shopify Design - Shopify Ecommerce Community.

For customizing the displayed filter options, I recommend using the Shopify Search & Discovery App.
It’s a powerful tool that can help you achieve your desired outcome.

[chrissy8329]

Hello Roy,

thanks for your reply.

I did now find a solution regarding the filters within the Search & Discovery App. Thanks!

But regarding the “Sort by” problem: I’m not live yet, so I can’t share a link, I’m sorry.

And would you be so kind and send the link again? It wasn’t clickable unfortunately.

Thank you very much in advance,

Chrissy

[Roy_12]

I am glad that it worked.

Regarding the “Sort by” problem. I think I just have the solution for you. There is a bit of coding involved I hope its not much of a hassle.

1. To get started navigate to Online Store > Themes > Customize.
2. Go to Theme settings.
3. Add this code in the Custom CSS field.

[value="title-ascending"], 
[value="title-descending"] {
    display: none;
}

4. It should look like this:

5. If everything works out fine then the Alphabetically, A-Z and Alphabetically, Z-A should be removed from the sort by dropdown now.
6. To remove the rest we need to right click on the option and inspect it. In the dev tools it will highlight the inspected element and we just need to get the “value” attribute. It can be too complex, if you are having difficulties please just share me the screenshot of the inspected options. I will change the given code and make the necessary modifications to apply it on the rest.