Dont get CMS list flltering working

[bn808]

Description

I created a CMS list with two items. I also created another CMS list with filter items.

I followed the instructions on finsweet website, copied all the attributes and script. But my filtering doesn’t work.

Site URL

read-Only Link
…

Expected Behavior

I see him as list with filter items contains three items. My other CMS list which shall be filtered. Contains two items. I assigned to each of these two items one or two items of my CMS list with the filtering items. If I choose one of you relevant items my CMS list with the machines should be filtered.

Actual Behavior

But if I take one of the relevant checkboxes with my filter items, on machines disappear, even though I assigned the relevant filter items to them

Video/Screenshots

Additional Context

• Browser: chrome
• Device: desktop Mac

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

[bn808]

Can nobody help me?

[jesse.muiruri]

Hey @bn808

I’m looking into this

[jesse.muiruri]

Hey bn808,

The dependency script is added correctly

<!-- Finsweet Attributes -->
<script async type="module"
src="https://cdn.jsdelivr.net/npm/@finsweet/attributes@2/attributes.js"
fs-list
></script>

Remove the attribute fs-list-element="list" from the collection list wrapper Product_list_Wrapper

Add it to the collection list Product_List

The filters form has the correct fs-list-element="filters" attribute added

The Text Block 13 should have the attribute fs-list-field="categories"

Remove the currently added fs-cmsfilter-field="categories" which is Attributes v1

These are the official Attributes v2 docs

Let us know how it goes!

[bn808]

Thanks Jesse, I try it now

[bn808]

I changed the entries. Now nothing happens, if tick the checkboxes

[jesse.muiruri]

Sorry,

This is the text block that should have the fs-list-field="categories" attribute

[bn808]

@jesse.muiruri

fs-list-field

Thanks. But same. nothing happens, if I tick the filter

[jesse.muiruri]

Could you remove it from this one

[bn808]

done. But same

[jesse.muiruri]

Ok, is it possible to add the Text Block directly inside the Collection Item instead of as it is at the moment where it’s inside a Collection List

[bn808]

i dont know what you mean. both textblocks are inside a collection item

[jesse.muiruri]

It needs to be on the same level as the that first Text Block

Right now it’s inside a nested Collection List

[bn808]

yes, but it is a nested collection (with categories) list inside the main list item. I cant move the textblock. Webflow tells me that I cant move it away from collection list

[jesse.muiruri]

I get you,

You wouldn’t need to move it, is it possible to add a new div like below the Image 15 then connect the div to that Text Block’s content

[bn808]

dont know if I got you right

[jesse.muiruri]

Also as a test that that is the remaining bottleneck for this to work, you could add a text div just after the Image 15 with a sample text like Kaffee then publish
Add the attribute fs-list-field="categories" to it

If sorting by Kaffee works then this is the only remaining piece for the filtering to work

[jesse.muiruri]

Sorry I must have not explained clearly

[jesse.muiruri]

Let me look further into this

[bn808]

@jesse.muiruri

fs-list-field

okay, i created the div “Kaffee” . no effect. I let you check