V2 Filter - Checkbox group that had multiple values

Attributes
1

Description

I have a profiles database where people can select more than one reason for people to contact them, for example, [Speaking Engagements] or [Networking], plus many more. This data is being pulled in from Wized.

I have a CMS collection in Webflow with all the connect reasons that is populating my filter form checkboxes.

The filter is working, but it only counts and filters by the first value. It doesn’t check the full list of values from the profile. For example, only people that select [Speaking Engagements] first get counted and filtered by that connect reason.

I tried adding the fs-list-filtermatch to the checkbox field in my filter form but that didn’t work.

Site URL

Required: Please provide a staging/production URL where we can see the issue

Steps to Reproduce

  1. Login
    finsweet@support.com
    finsweet
  2. Click on “Find a Leader” button
  3. Filter by “Speaking Engagements.” You’ll see only 2 are returned but there are in fact more.
  4. Clear Filter and filter by “Media Requests” you’ll see 1 is returned and they have “Speaking Engagements” in their list but it’s not first.
    …

Expected Behavior

The filters to work with fields that have multiple values that are being pulled in from Wized.

Actual Behavior

It only counts and filters by the first value.

Video/Screenshots

Required: Please provide a short screen recording showing the issue

NDA Notice: If you’re under an NDA, please feel free to send us a Direct Message/Email with the above information.

2

Hi @noelia

Based on the technical details, this is actually related to Finsweet Attributes rather than Wized

The main issue is that Finsweet CMS Filter expects one fs-list-field per filter group per parent. If you put the same fs-list-field="value" on multiple elements under the same parent, only the first match matches while the rest are ignored

I would recommend an HTML structure somewhat similar to

<div fs-list-field="connect_reason">
  <span>Speaking Engagements</span>
  <span>Collaborative Projects</span>
  <span>Mentoring</span>
  <span>Media Requests</span>
  <span>Outreach Engagements</span>
</div>


Please try wrap your current Contact me for: in a div and place the fs-list-field="connect_reason" only on the wrapper div, that way there’s only one connect_reason

Let me know!

3

Hi @noelia

I’m struggling with the exact same thing right now with a group of checkboxes…Did you ever find a solution?

Thank you so much

4

Hi @jesse.muiruri , Thanks so much for your reply. I’m finally getting back around to trying to fix this and I can’t seem to get it to work.

I tried wrapping my check boxes with a div and moving the fs-list-field attribute to the new div wrapper but it still didn’t fix the issue. Still doing the same thing.

Do you have any others suggestions I can try? Thanks again for your help!

5

hi @lovebrian649 Still struggling with this. Did you find a solution by chance?

6

Hi @noelia @lovebrian649

Try this

Add fs-list-element="list" to the wrapping element

So it looks for instance like so

<div fs-list-element="list">
  <span fs-list-field="connect_reason">Speaking Engagements</span>
  <span fs-list-field="connect_reason">Collaborative Projects</span>
  <span fs-list-field="connect_reason">Mentoring</span>
  <span fs-list-field="connect_reason">Media Requests</span>
  <span fs-list-field="connect_reason">Outreach Engagements</span>
</div>

Let me know how it goes, thanks