Disable filters on specific collection in Crave 15.3.0?

Topic summary

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:

  • All products collection (handle: “all”):
    • Option 1: Add CSS targeting the All Products template in base.css (may vary by theme selectors).
    • Option 2 (more reliable): In theme.liquid, wrap inline CSS in a Liquid condition that checks template is a collection and collection.handle == ‘all’, then hide the filters container.

Specific collection example:

  • For the URL ending with “/vintage-collectible-mugs”: Add a Liquid condition in theme.liquid for collection.handle == ‘vintage-collectible-mugs’ and include CSS to hide the mobile filters wrapper and adjust sorting padding. A screenshot was shared showing the result.

Notes:

  • “collection.handle” is the unique identifier (slug) for a collection; the All products collection uses handle “all”.

Status: Feasible via custom CSS/Liquid; no final confirmation from the original poster, so resolution not explicitly confirmed.

Summarized with AI on December 25. AI used: gpt-5.

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

Can you share the URL of your all products collection page?

Best,
Moeed

Hey @Mugbarista

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
{% 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.

1 Like

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

image

Then remove the ‘small-hide’ keyword from this tag. It’s responsible in hiding the sort feature on mobile devices.
image

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! :grinning_face:

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

1 Like