Liquid, JavaScript, themes, sales channels
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
Solved! Go to the solution
This is an accepted solution.
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.
This is an accepted solution.
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.
Works perfectly! thank you very much!
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.
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 -%}
User | RANK |
---|---|
37 | |
28 | |
13 | |
13 | |
9 |
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023The year-end shopping season is just around the corner. Is a flash sale on your radar? Are...
By Jasonh Nov 6, 2023