Shopify themes, liquid, logos, and UX
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!
Hey there!
Trevor the Guru here!
To remove the "Filtering" option within Debut is actually quite simple and doesn't require altering the code!
Let me know if you have any questions!
All the best,
Trevor M
Shopify Guru
Peter | Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
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
Thanks for post
yes you can easy to hide see the image
Having this same issue with the Supply theme and unable to remove filters. Please help!
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?
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.
Thanka store url.
sorry but your store is password protect can you please share us
1. Go to Online Store->Theme->Edit code
2. 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+Lei...
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.
Thanks
can you please provide screenshot or video?
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
can you please show me which one do you have remove?
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;
}
How would I do this on Dawn theme??
Hey Dylan,
Had the same problem or maybe I'm just a bit too ''stupid'' to find it, however I just installed Shopify Search & Discovery app and changed it in seconds. Maybe works out for you as well.
Thank you, that was so easy. Appreciate the information. While staying on hold with shopify chat for a long time and then got disconnected, so didn't think it was going to be this easy.
I am glad you found this helpful.
If you have any further doubt, feel free to reach me.
Thanks!
Thank you @Peter_old this really helped me - I wanted the tags for the peoples searches, but the the filter by section having the tags was getting very cluttered from the customer's perspective.
Thank you so much, I also thought to try to edit code -
If anyone was wondering if the "Venture" theme had this selection preference it does
Made this quick video showing the button:
Hi Peter,
I went through all these steps and the remove filters step is still on all of my product pages. Can you assist. My website is beinspiredbyj.com. When you click on any of the menu links it takes you to the pages but I can't see any products unless I click remove filters.
Hi I need to remove the available filter. I follow your guide to step three, click on homepage and there is no "collections page" there is "collections" and "collections list."
Please help!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024