Modify Sort Menu Option in Collection Page in Prestige Theme

Hello guys,

I am trying to remove the ‘Alphabetically A-Z’ and ‘Alphabetically Z-A’ options in the sort menu on the Prestige theme. Thank you for your time!

@KetanKumar

@mony961

yes, please share store url

www.stellastclair.com

www.stellastclair.com

@KetanKumar

@mony961

thanks for url can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
button[data-value="title-descending"],  button[data-value="title-ascending"] {display: none;}

Thank you, much appreciated!

@mony961

its my pleasure to help us

Hi KetanKumar!

On top of removing the alphabetical options, would you also know how to remove featured, best selling, date old to new, and date new to old?

@General_Store

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Hi @KetanKumar

Thank you! My site URL is https://www.bristolgeneralstore.com/

@General_Store

thanks can you add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.Popover__Value[data-value="manual"], .Popover__Value[data-value="best-selling"], .Popover__Value[data-value="created-ascending"], .Popover__Value[data-value="created-descending"] {
    display: none;
}

@KetanKumar I need all the rest except price, low to high and high to low sort by options to be removed https://dls4rlwluxkat9l2-57458458667.shopifypreview.com

@Denzel

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.toolbar-dropdown.filter-sortby ul li:nth-child(5), .toolbar-dropdown.filter-sortby ul li:nth-child(6) {
    display: none !important;
}

@KetanKumar I only the want the options that’s in the red circle to show, you can take off the rest

@Denzel

oh sorry for miss understand can you try this code

.toolbar-dropdown.filter-sortby ul li {display:none !important;}
.toolbar-dropdown.filter-sortby ul li:nth-child(5), .toolbar-dropdown.filter-sortby ul li:nth-child(6) {
    display: block !important;
}

@KetanKumar I messaged you

yes sure let me check some store or diifferent?

@KetanKumar yes same store

@KetanKumar

the code only works for desktop version, I want it to work for both desktop and mobile

@Denzel

sorry your store url doesn’t work