how to hide the filter in product listing page without modify the code base?

Question

How to hide the filer in product listing page without touching the code? Can I do it by CSS or javascript? Thank you

Answer 1

For hide filter on specific category, please follow below steps:

1. After login admin side, go to Catalog > Categories
2. Select category and open Display Settings tab
3. Set No in Anchor field
4. Clear cache

Answer 2

Your question is pretty confusing as you want to hide it without touching code, but you also want to do it by CSS or JS which is code?

Either way, you can hide it with CSS by using this:

.sidebar .filter {
    display: none !important;
}

Although the better method would be to remove it with layout XML then you don't even need to load it, there's no point in loading a block just to always hide it.

Answer 3

Change the category design layout to 1 column : this layout is sans filters.

No code was harmed using this solution.