Streaming live at 10am (PST)

MixItUp Filter on Load

I’ve been using the MixItUp tutorial from @sabanna and they have been working great. But I want to make it load a specific filter when a page loads and can’t find any help online other than the guides from the Kunka Labs page:

https://www.kunkalabs.com/tutorials/filtering-and-sorting-on-load/

I am running into a wall and can’t figure out how to make the stuff provided from Kunka to work in Webflow.

Any help would be great!

Hello, @mkup!

What exactly you can’t understand in the Kunka Labs tutorial?

Basically that I add the code in the body section (below) with the specific filter I want to load up placed in place of ‘category-2’ but it still is loading up as ‘all’ by default. Is there something else I am missing to adjust?

var mixer = mixitup(containerEl, {
load: {
filter: ‘.category-2’
}
});

Hey, @mkup!

You don’t need to use all these lines, it creates another “mixer” call, this is why it doesn’t work.

All you need to do is add these lines inside the existing one

 {
    load: {
        filter: '.category-2'
    }
}

1 Like

@sabanna - Has anyone told you that you’re a lifesaver??

Thanks so much for the help!

1 Like

Glad I could help :slightly_smiling_face: and thanks for being patient with all these tutorials

1 Like