How can I hide certain filters on my Chromium 4.0 collection page?

[LucieGuilbault]

Theme : Chromium 4.0

Store URL : https://ciklet-cc.myshopify.com/

Hi, 

I'm using Chromium Theme on my Shopify Store. I would like the following filters to be hidden by default on the collection page, and when clicked, they open :

- Taille du Cycliste

- Marque

- Prix

How is that possible please? Here is the collection page URL :  https://ciklet-cc.myshopify.com/collections/all

Thanks in advance

[Jasoliya]

Hi @LucieGuilbault 

add below code in layout/theme.liqud file just before </body>

var mob_tab = document.querySelectorAll(".sb-title")
mob_tab.forEach(function(tab_click) {
    tab_click.addEventListener("click", (e) => {
        tab_click.closest('.filter-group').querySelector('.tags-list').classList.toggle("ac");
    });
})

Add this css in Asset/_20_filter-collections.scss at bottom

.tags-list{0 !important}
ul.tags-list.ac { max-height: 200px !important; }

[LucieGuilbault]

Hi, 

I tried the code but I couldn't find the "_20_filter-collections.scss" (it doesn't exist in my theme code). 

Thanks