CMS Filtering With Slugs/Multi-Reference

Attributes
,
1

Hello! I’m trying to put together a filtering system with 2 drop down menus. One for domains and one for functions.

The goal is when a user selects a dropdown menu item a list of companies under either domain or function will show based on tags in a multi-reference field. Instead of a multireference field, I’m hoping to use slugs instead because I saw another thread saying it would require JS to tie multiple multi-reference collections together. I’m not sure how to connect the slugs to the Form Select. I’m getting an error saying that the filter field attribute isn’t connected to a child, but I don’t see another way to do it other than how I’ve tried.

Attached my staging link: Staging and image of what I’m hoping to do.

static-prototype
static-prototype1920×3709 219 KB

Any help/guidance would be appreciated.

2

I’ve been playing around with this and have gotten a little farther, but I’m still running into issues. The first being that it seems like only 1 form select can be active at a time and the second being the form select that is working (functions) will only filter companies that have a single string of text in the slug section. Any company with multiple items in the slug does not appear.
Here is the read only link:
https://preview.webflow.com/preview/artemis-6cf2c7?utm_medium=preview_link&utm_source=designer&utm_content=artemis-6cf2c7&preview=b807f185ab3623cb11a86cff64f59d4d&pageId=675dfeb431c07409adaaac3b&workflow=preview
Here is the staging link:
https://artemis-6cf2c7.webflow.io/what-we-do-3

3

Hey @david6! Instead of having the domain and function slugs listed on the item I would suggest you try nesting the multi-reference field with CMS Nest

You can assign each field a category so that both dropdown selections are used to filter the list.

To nest the categories you can follow this video

This is an example where we are nesting multiple lists into one parent list

1 Like