Best approach to filter multi-reference CMS field

Good day!

We’re working on a portfolio website for an architectural firm, and I’m looking for the following functionality: on each project detail page, there’s a list at the bottom of the page with related items, which I want to contain only items that have the same tag(s) as the current project.

The problem is that a page/project can have multiple tags, and the native webflow filter seems to listen to just one tag: it takes the value from a reference field, while we’re using a multi-reference field.

My alternative approach is using the Finsweet’s CMS Filter attribute. However, I was wondering if there’s a more elegant solution than rebuilding the filter system and write some javascript that checks for the tags on a page and adjusts the filters accordingly? Or is this simply the way to go?

Here’s a read-only link to the page: Webflow - atelierPRO

Thanks in advance!

hey @studiopiraat! I believe that rebuilding and JS is the way to go.

What comes to mind are these two options:

  • Populate an input field with a comma-separated list of the existing tags and then filter the list

  • Some hidden checkboxes get selected according to the tags.

Let me know if you need any help!