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

[LucieGuilbault_1]

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_1

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

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_1]

Hi,

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

Thanks