Building a collection items multi-filter quiz

Design help CMS
1

Hello! This is my first Webflow project, so please bear with me :slight_smile: .

Does anyone know if it’s possible to use MixItUp to make a collection items multifilter quiz like this one from Warby Parker? I know it can be used for multi-filtering, but i don’t know if it can be done from one step to another like it is in a quiz.

Warby Parker has a quiz to help you find the right frames that does the basics of what I would like ours to do with filtering, with similar interactions. https://www.warbyparker.com/quiz

Here are screenshots of different sections of the WP quiz, including loading screens and the ability to email yourself the results (which we would also like to do in the future)

Screen Shot 2020-02-20 at 14.49.45
Screen Shot 2020-02-20 at 14.49.451280×759 153 KB

Screen Shot 2020-02-20 at 14.49.53
Screen Shot 2020-02-20 at 14.49.531280×722 34.1 KB

Screen Shot 2020-02-20 at 14.50.00
Screen Shot 2020-02-20 at 14.50.001280×723 32.2 KB

Screen Shot 2020-02-20 at 14.50.11
Screen Shot 2020-02-20 at 14.50.111280×723 53.4 KB

Screen Shot 2020-02-20 at 14.50.35
Screen Shot 2020-02-20 at 14.50.351280×723 25.9 KB

Screen Shot 2020-02-20 at 14.50.48
Screen Shot 2020-02-20 at 14.50.481280×723 87.4 KB

Screen Shot 2020-02-20 at 14.50.55
Screen Shot 2020-02-20 at 14.50.551280×756 149 KB

This is what each of my questions looks like now, they are stacked vertically for ease. Ideally, after each question is answered the next question would slide in from right to left or bottom to top and there would be a progress bar indicating how far you were in the quiz.

Screen Shot 2020-02-20 at 14.48.59
Screen Shot 2020-02-20 at 14.48.591280×409 36 KB

Screen Shot 2020-02-20 at 14.49.20
Screen Shot 2020-02-20 at 14.49.201280×357 77.8 KB

Screen Shot 2020-02-20 at 14.49.26
Screen Shot 2020-02-20 at 14.49.261280×143 7.15 KB

This is the CMS Items results section (no filters are on rn)

Screen Shot 2020-02-20 at 14.49.35
Screen Shot 2020-02-20 at 14.49.351280×723 301 KB

thank you so much for your help!

Here is my public share link: LINK
Here is my live site link (none of the interactions work, it’s just up there for layout FPO)
(how to access public share link)

2

Hey @CampingGirl, did you ever find a solution for this?? Thanks!

3

Hi Huw, no i did not. :confused:

I ended up trading favors with a friend who codes and he’s building it for us from scratch, which I’ll post in Show and Tell (and to this thread) once it’s done.

4

Great, look forward to seeing it! Thanks :slight_smile:

5

Hey @CampingGirl, any update on the solution for this? I’m looking to implement something extremely similar for a new website. Thanks!

6

Hey everyone! I am also curious about being able to build this functionality. Anyone get it to happen?
@Bryan_Moore
@CampingGirl
@Huw_Williams