V2 Filters and Load are not working

Can anyone help me out with this one? I’ve tried reapplying the attributes way too many times now and it still doesn’t work. I can see the script is manipulating the DOM because the load more button disappears. But that’s about it.


UPDATE: I had to switch to V1 due to the deadline. The V1 works

Hey @akyhn!

Looking at your HTML, the issue is that you’re missing the core fs-list-element attributes needed for v2 Filters and Load to function properly.

Here’s what you need to add:

1. Collection List Wrapper
Add fs-list-element="list" & fs-list-load="more" to your Collection List wrapper

3. Filter Form
Add fs-list-element="filters" to your Form containing the filter inputs

4. Filter Inputs
Each filter input needs:

  • fs-list-field="FIELD_NAME" (matching your CMS field)
  • fs-list-value="VALUE" (for checkboxes/radio buttons)

5. CMS Fields
Add fs-list-field="FIELD_NAME" to the corresponding elements in your Collection Items

Also, make sure pagination is enabled in your Collection List settings - this is required for Load More to work.

The most common issue is usually forgetting the fs-list-element="list" attribute, which prevents the entire system from initializing properly. :flexed_biceps:

You can see a working example over here.

Hey Finn,

Thanks for looking into it.

I do have those attributes on the different elements from what I can see. I have recorded it here

The V2 docs says fs-list-element="list" has to go on Collection List and not the Collection List Wrapper. And the same for the load more.

Looking at my Collection List then I have these attributes

My form have these

My checkboxes have these

And my identifier inside of the CMS item have these

Hey @akyhn

Is the page published? Please confirm

Asking because the homepage in staging

Looks different from the homepage in the preview link

Hey @akyhn

Here are a couple screenshots

The page is setup correct in the webflow preview link

But the published page needs a lil update

Is this the published page: Cases ?

The collection list is missing the fs-list-load="more"

The fs-list-load="more" is instead on the Load More button

The site it published with the setup from the docs.

Okay, now please remove the attribute fs-list-element="list" from the .cases_list_wrap

So it remains only on the .cases_list which has both the fs-list-element="list" & fs-list-load="more"

1 Like

Hereby removed but it still don’t work