Prestige Theme: Remove/customize Sort by options

Store Design
, , , ,
1

Hello there,

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

  • Most Relevant
  • Best Selling
  • Alphabetically A-Z
  • Alphabetically Z-A
  • Date, old to new
  • Date, new to old

Currently on Prestige 9.3.0 and I have tried a few different codes however it is not working.

Thank you in advance,

Elizabet

2

Hi Elizabet,

Since you’re using Prestige 9.3.0, you shouldn’t need to add any custom code for this.

Go to:

Online Store → Themes → … → Edit default theme content

Search for “sort” and you should see all the collection sorting labels. For each option you want to remove, replace its text with a single blank space, then save your changes.

You can do this for:

  • Most Relevant
  • Best Selling
  • Alphabetically A–Z
  • Alphabetically Z–A
  • Date, old to new
  • Date, new to old

Just leave the options you still want to display unchanged.

I’d recommend duplicating the theme before making the change, just to be safe. Also, this will hide those options across all collection pages using that theme.

Hope this helps!

3

Hi Elizabet,

Prestige 9.3.0 allows you to remove sorting options without editing the theme code. Go to Online Store → Themes → … → Edit default theme content, search for “sort”, then clear the text for each sorting option you want to hide and save.

This is safer than adding CSS or modifying Liquid files, and it should remove those options from the collection sort menu.

4

Hi, Thank you for this however it did not work. Any other options?

5

Hi Elizabet,

Thanks for trying it, and sorry that didn’t work. One small correction to my previous message: the fields shouldn’t be left completely empty. Each label needs to be replaced with a single blank space, then saved.

Could you also confirm that you’re editing the published Prestige 9.3.0 theme and the storefront’s active language?

If you’ve already done both of those and the options are still showing, could you share your collection page URL? If the store is password-protected, a screenshot of the sorting menu and the edited “Sort” fields would also help. I’d rather check the exact theme markup before suggesting any CSS or Liquid changes.

6

My apologies, I just realized we are actually in 10.3.0, not 9.3.0.

Here is the link to our collections page: Schepps Jewelry

7

Thanks, that helps. I checked the collection page you shared and can see the full list of sorting options.

Since the language editor method isn’t working with your current setup, the more reliable solution is to exclude the unwanted options directly from the Liquid loop.

First, duplicate the theme as a backup. Then go to:

Online Store → Themes → … → Edit code

Use the code search and look for:

collection.sort_options

You should find a loop similar to:

{% for sort_option in collection.sort_options %}

Add this immediately before the loop:



{%- assign hidden_sort_values = 'most-relevant,best-selling,title-ascending,title-descending,created-ascending,created-descending' | split: ',' -%}

Then add this immediately after the opening for line:



{%- if hidden_sort_values contains sort_option.value -%}
  {%- continue -%}
{%- endif -%}

The completed section should look roughly like this:



{%- assign hidden_sort_values = 'most-relevant,best-selling,title-ascending,title-descending,created-ascending,created-descending' | split: ',' -%}

{%- for sort_option in collection.sort_options -%}
  {%- if hidden_sort_values contains sort_option.value -%}
    {%- continue -%}
  {%- endif -%}

  <!-- Keep the theme’s existing sorting option markup here -->

{%- endfor -%}

This will leave only:

  • Featured
  • Price, low to high
  • Price, high to low

If your loop uses option instead of sort_option, change sort_option.value to option.value.

If the search returns more than one collection.sort_options loop, apply the same check to each one so it works in both desktop and mobile sorting menus.

8

Hey @ejonesss

Welcome to the community and thanks for sharing your store URL as well.

The replies above seems to be AI generated and most likely won’t work for you as well.

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
button[value="most-relevant"], button[value="best-selling"], button[value="title-ascending"], button[value="title-descending"], button[value="created-ascending"], button[value="created-descending"] {
    display: none !important;
}
</style>

RESULT:

image
image490×648 86.9 KB

Hope that helps! If it did, a Like and Marking it as Solution goes a long way and helps others find the fix faster too.

Best,
Moeed

9

Nice catch. Using the option values directly is definitely a cleaner approach here. Thanks for testing it against the live store. :slightly_smiling_face:

10

Hi @ejonesss

In Prestige 9.3.0, these sort options aren’t controlled through the theme settings. If you want to remove specific Sort by options, you’ll need to edit the theme code.

Check snippets/facets.liquid or snippets/collection-toolbar.liquid (the file name may vary depending on your theme version) and look for the collection.sort_options loop. You can filter out the unwanted options there.

{% assign hidden_sorts = "best-selling,title-ascending,title-descending,created-ascending,created-descending" | split: "," %}

{% for option in collection.sort_options %}
  {% unless hidden_sorts contains option.value %}
    <option
      value="{{ option.value }}"
      {% if option.value == collection.sort_by %}selected{% endif %}
    >
      {{ option.name }}
    </option>
  {% endunless %}
{% endfor %}

Best regards,
Devcoder :laptop:

11

Thank you so much, this worked out perfectly!

12

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out.

If you find this information useful then you can Mark it as Solution so it can be helpful for others too.

Cheers,
Moeed