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!