Is there a way I can disable filters on the all products collection only? I am using Crave 15.3.0. When I disable filters using the theme editor it disable the filters on every collection.
Thank you
Goal: Hide collection filters on a single page in Shopifyâs Crave 15.3.0 without affecting others.
Key point: Theme editor filter settings are global; you cannot disable filters per collection via the editor.
Workarounds provided:
Specific collection example:
Notes:
Status: Feasible via custom CSS/Liquid; no final confirmation from the original poster, so resolution not explicitly confirmed.
Is there a way I can disable filters on the all products collection only? I am using Crave 15.3.0. When I disable filters using the theme editor it disable the filters on every collection.
Thank you
Hey @Mugbarista
Follow these Steps:
{% if collection.handle == 'vintage-collectible-mugs' %}
<style>
.mobile-facets__wrapper {
display: none !important;
}
.facet-filters.sorting.caption.small-hide {
padding-left: 0 !important;
}
.facets-container.facets-container-drawer.scroll-trigger.animate--fade-in {
justify-content: end !important;
}
</style>
{% endif %}
RESULT:
If I managed to help you then a Like would be truly appreciated.
Best,
Moeed
Can the sort by drop down be where it originally was on the right side?
Another issue is that on mobile this also removes the sorting as they are together in the same drawer. Can sorting remain on mobile?
I have updated the code, remove the previous code and add the updated one.
Best,
Moeed
The updated code is great, looks exactly as I would hope. The only remaining issue is thel lack of sorting on mobile. Is there any way to address that? THANK YOU
Itâs funny that the simplest and most useful answers are often neglected and overlooked because of the lack of understanding of how Shopify themes, collections, and pages workâŚ
If you wnnt to change things on a specific collection only, the obvious solution is to base the collection on a different collection template, edit the template to turn off the filter. Easy.
Itâs so easy once you understand how to do it. This not only eliminates unnecessary code, but it also lets you edit any page, collection, or product individually or in groups without code for each and every single thing you want to change. Additionally, if you do code and wnnt to undo, add, or modify this in the future, youâd literally have to remember where you put the code, and what code you added. With this template feature, you are able to edit, change, delete, add, anything on the template without disturbing other templates.
This is the way you should be doing this. It also correctly fixes your sorting issue, as it doesnât hide the sort feature.
Hey @Mugbarista!
upon checking your store, it shows that the filter and sort features come together on mobile devices.
Because of this, removing the filter would also affect the sort feature on mobile. Since this is a theme-related issue, you can try to contact their chat support or follow what @maxi131 has suggested.
I hope youâll get to fix this issue real soon.
Hey @mugbarista! I did further investigation and found a proper solution to the issue with the help of the browserâs inspector tool
First, using CSS you have to undo the display value of the âmobile-facets__wrapperâ selector (and i think you have done it already)
Next is to set the ânoneâ value instead on 'mobile-facets__open â (as shown in the image below). It will remove the filter option on the collection page
![]()
Then remove the âsmall-hideâ keyword from this tag. Itâs responsible in hiding the sort feature on mobile devices.
![]()
When updating the code, you have to ensure that itâs all done on the All Products collection only.
Result:
Let me know if you have any feedback or questions
Hope this helps! ![]()
You can create a new collection template for that collection, then disable Filter and sorting options so it wonât affect other collections
Best regards,
Dan from Ryviu: Product Reviews App