How do I remove ‘Filter’ on Collection pages? Im using the Debut theme and I am unable to remove it from the customize menus. Any way I can edit the code? Thanks!
Topic summary
Goal: remove the “Filter” (tag-based filtering) from Shopify collection pages across themes.
Key solutions by theme:
- Debut: In Customize > switch to Collection pages > open Collection pages section > disable “Enable tag filter.” No code needed.
- Prestige: Setting found on the collection’s edit page. Another workaround: use Shopify’s Search & Discovery app to manage/remove filters.
- Supply: Two approaches
• Hide on mobile via CSS added to theme.scss.liquid: .section-header–right .form-horizontal { display: none; }
• Comment out filter UI in Sections > collection-template.liquid by wrapping includes for sorting/views/toggle-filters in {% comment %} … {% endcomment %}. Optional extra CSS provided to hide remaining headings. - Venture: Has a similar on/off setting; a YouTube video was shared showing the button.
Other notes:
- Some “no products showing” cases were caused by navigation links pre-applying filters; removing those filters in navigation resolved it.
- Requests for Impulse and Dawn remain unanswered/unclear. One Impulse user still seeking help; a Dawn user asked how-to with no reply yet.
Status: Resolved for Debut, Prestige, Supply, Venture with actionable steps; Impulse and Dawn questions remain open.
Hey there!
Trevor the Guru here!
To remove the “Filtering” option within Debut is actually quite simple and doesn’t require altering the code!
- Open Online Store/Themes
- Click “Customize” for Debut
- In the top bar, you’ll see a menu that says “Homepage”. Click on this to open the drop-down menu
- Select “Collection Pages” from this menu
- Once this loads, you should see a “Collection Pages” section on the left-hand side, click on this to open it.
- Disable “Enable Tag Filter” Option
- Click Save
Let me know if you have any questions!
All the best,
Trevor M
Shopify Guru
7 Likes
Thank you 
Hi Trevor - do you know how to do this in the Prestige theme? I didn’t see the “enable tag” option here (maybe I’m just missing it).
Thanks!
Dylan
1 Like
Having this same issue with the Supply theme and unable to remove filters. Please help!
2 Likes
Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.
Hi, did you find a solution to remove the filter button on collection mobile pages using the supply theme?
Hi! I use the prestige theme, and I found it on the collections edit page,
it was actually pretty easy.
Dylan
1 Like
Thanks, I’m struggling to remove it from the mobile version of the site. Do you have any suggestions?
Hello, @TFCreative , @DylanStop
Welcome to the Shopify community!
and Thanks for your Good question.
Please share your site URL,
So I will check and provide a solution here.
Hi I’ve removed the password protection
1 Like
- Go to Online Store->Theme->Edit code
- Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.section-header--right .form-horizontal {
display: none;
}
EDIT: found the answer, I was filtering the search in my navigation section pages!
Hi there Ketan,
I am using prestige as well, and somehow it’s auto-selecting all filters, so it doesn’t view any of my products. Do you know how to de-select all filters when launching the page? It’s quite detrimental when people click on the boxes in the navbar and get taken to pages where no products are showing. These are the links:
https://tegelsonlinekopen.nl/collections/vloertegels/Graniet+Keramiek+Marmer+Kwartsiet+Travertin+Leisteen+Hardsteen
https://tegelsonlinekopen.nl/collections/terrastegels/Graniet+Marmer+Keramiek+Hardsteen+Leisteen
You get to these links by clicking on ‘vloertegels’ or ‘terastegels’ in the top nav-bar.
Would appreciate any help on how to de-select them when clicking on above mentioned two boxes in the navbar.
hi,
I cant seem to remove the filter on our planner essentials page. We are using impluse?
https://thebusyclub.co.uk/collections/planner-essentials/stickers
Thank you, Stef
1 Like
Supply Theme: Removing Filter
It would be a good idea to create a theme backup before editing any code
Please, go to edit code and locate collection-template.liquid file under sections folder.
inside that theme look for these lines:
{% include ‘collection-sorting’ %}
{% include ‘collection-views’ %}
{% include ‘toggle-filters’ %}
and replace them with
{% comment %}
{% include ‘collection-sorting’ %}
{% include ‘collection-views’ %}
{% include ‘toggle-filters’ %}
{% endcomment %}
After doing so, you might still see Shop For, More Categories on the home page!
To remove them completely,
add the following code at the end of the theme.scss.liquid file which you would find under the assets directory.
h2.h1.section-header--left, .div.section-header--right{
display: none! important;
}
can you please show me which one do you have remove?