Solved

Modify Sort Menu Option in Collection Page in Prestige Theme

mony961
Tourist
5 0 3

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

Accepted Solutions (2)
KetanKumar
Shopify Partner
36843 3636 11978

This is an accepted solution.

@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;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar
Shopify Partner
36843 3636 11978

This is an accepted solution.

@mony961 

its  my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 22 (22)

KetanKumar
Shopify Partner
36843 3636 11978

@mony961 

yes, please share store url  

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
mony961
Tourist
5 0 3
mony961
Tourist
5 0 3
KetanKumar
Shopify Partner
36843 3636 11978

This is an accepted solution.

@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;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
mony961
Tourist
5 0 3

Thank you, much appreciated!

KetanKumar
Shopify Partner
36843 3636 11978

This is an accepted solution.

@mony961 

its  my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
General_Store
Tourist
9 0 5

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?  

KetanKumar
Shopify Partner
36843 3636 11978

@General_Store 

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

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

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

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
General_Store
Tourist
9 0 5

Hi @KetanKumar 

 

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

KetanKumar
Shopify Partner
36843 3636 11978

@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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Denzel
Shopify Partner
59 0 34

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

KetanKumar
Shopify Partner
36843 3636 11978

@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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Denzel
Shopify Partner
59 0 34

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

Screenshot 2023-02-17 at 2.42.07 AM.png

KetanKumar
Shopify Partner
36843 3636 11978

@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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Denzel
Shopify Partner
59 0 34

@KetanKumar I messaged you 

KetanKumar
Shopify Partner
36843 3636 11978

yes sure let me check some store or diifferent?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Denzel
Shopify Partner
59 0 34

@KetanKumar yes same store

Denzel
Shopify Partner
59 0 34

@KetanKumar 

the code only works for desktop version, I want it to work for both desktop and mobileScreenshot 2023-02-26 at 9.31.40 AM.png

KetanKumar
Shopify Partner
36843 3636 11978

@Denzel 

sorry your store url doesn't work 

KetanKumar_0-1677418605998.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
36843 3636 11978

@Denzel 

yes, please add this code

.toolbar .dropdown-menu.hidden-on-desktop .dropdown-menu-body li {
    display: none;
}
.toolbar .dropdown-menu.hidden-on-desktop .dropdown-menu-body li:nth-child(5), .toolbar .dropdown-menu.hidden-on-desktop .dropdown-menu-body li:nth-child(6)  {
    display: block;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

Juliane100
Visitor
1 0 0

Hi! Could you please help me with the code? I would like to delelte the options: from A-Z, from Z-A and Date old to new. Many Thanks in advance!