Return management just got easier! We’ve launched Customer Self-Serve Returns to all Shopify merchants. Click here to learn more!

Prestige Theme: Need Help with Removing Sort Options

Solved
PRPdc
Tourist
4 0 2

Hi All, I need to remove/hide the "Best-Selling" and "Featured" Sort options on the collections page. Copying the code I found in "Main-Colleciton.liquid" below and the link and password to see the website:

 

Code

{%- if section.settings.show_sort_by -%}
<div id="collection-sort-popover" class="Popover" aria-hidden="true">
<header class="Popover__Header">
<button class="Popover__Close Icon-Wrapper--clickable" data-action="close-popover" aria-label="{{ 'general.popup.close' | t }}">{% render 'icon' with 'close' %}</button>
<span class="Popover__Title Heading u-h4">{{ 'collection.sorting.title' | t }}</span>
</header>

<div class="Popover__Content">
<div class="Popover__ValueList" data-scrollable>
{% assign collection_sort_by = collection.sort_by | default: collection.default_sort_by %}

{%- for option in collection.sort_options -%}
<button class="Popover__Value {% if option.value == collection_sort_by %}is-selected{% endif %} Heading Link Link--primary u-h6" data-value="{{ option.value }}" data-action="select-value">
{{ option.name }}
</button>
{%- endfor -%}

</div>
</div>
</div>
{%- endif -%}

 

 

URL: https://tbw-europe.myshopify.com/

Password: TBWPRP

 

Thanks

Accepted Solution (1)

Accepted Solutions
Mr_RaviRaj
Shopify Partner
505 57 102

This is an accepted solution.

@PRPdc 

button.Popover__Value.Heading.Link.Link--primary.u-h6:first-child,button.Popover__Value.Heading.Link.Link--primary.u-h6:nth-child(2) {
    display: none !Important;
}

Add this code in the bottom of theme.css file.

1. Navigate to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
3. Save it.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: raviraj@zworthkey.com
,We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages

View solution in original post

Replies 4 (4)
Mr_RaviRaj
Shopify Partner
505 57 102

This is an accepted solution.

@PRPdc 

button.Popover__Value.Heading.Link.Link--primary.u-h6:first-child,button.Popover__Value.Heading.Link.Link--primary.u-h6:nth-child(2) {
    display: none !Important;
}

Add this code in the bottom of theme.css file.

1. Navigate to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
3. Save it.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: raviraj@zworthkey.com
,We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
PRPdc
Tourist
4 0 2

Works perfectly! thank you very much!

Mr_RaviRaj
Shopify Partner
505 57 102

@PRPdc 

Let me know if you need any more help,
We are always happy to help you.

Kindly accept and like our Solution if helpful.

 

thank you.

 

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: raviraj@zworthkey.com
,We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
ZestardTech
Shopify Expert
3934 664 916

Hello @PRPdc 

Add this code

{%- if section.settings.show_sort_by -%}
<div id="collection-sort-popover" class="Popover" aria-hidden="true">
<header class="Popover__Header">
<button class="Popover__Close Icon-Wrapper--clickable" data-action="close-popover" aria-label="{{ 'general.popup.close' | t }}">{% render 'icon' with 'close' %}</button>
<span class="Popover__Title Heading u-h4">{{ 'collection.sorting.title' | t }}</span>
</header>

<div class="Popover__Content">
<div class="Popover__ValueList" data-scrollable>
{% assign collection_sort_by = collection.sort_by | default: collection.default_sort_by %}

{%- for option in collection.sort_options -%
{% if option.value != "best-selling" or option.value != "featured" %}
<button class="Popover__Value {% if option.value == collection_sort_by %}is-selected{% endif %} Heading Link Link--primary u-h6" data-value="{{ option.value }}" data-action="select-value">
{{ option.name }}
</button>
{% endif %}
{%- endfor -%}

</div>
</div>
</div>
{%- endif -%}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing