Solved

Prestige Theme: Need Help with Removing Sort Options

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)

Mr_RaviRaj
Shopify Partner
505 57 108

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.

banned

View solution in original post

Replies 4 (4)

Mr_RaviRaj
Shopify Partner
505 57 108

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.

banned
PRPdc
Tourist
4 0 2

Works perfectly! thank you very much!

Mr_RaviRaj
Shopify Partner
505 57 108

@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.

 

banned

ZestardTech
Shopify Expert
5364 961 1286

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