CMS Filter Empty State for 2 Different filterable lists on the same page

General
1

I have a page with 2 searchable lists set up using CMS filter. I am having trouble getting the empty state div to show, although I have it set up with attribute fs-cmsfilter-element = empty

I am wondering if this is because I have 2 instances of CMS filter on the page, because I have the same empty state div functional on many other pages that only have 1 instance of CMS filter. Any ideas on what the issue could be?

Read only link:
https://preview.webflow.com/preview/insidetrack?utm_medium=preview_link&utm_source=designer&utm_content=insidetrack&preview=62e29e4f093b1097bf3346c9d4065c4a&pageId=64e11b2d49e674bb295b2895&workflow=preview

2

@Support-Luis Any ideas on this one?

3

hey @accounting sorry for the late reply.

If you have 2 instances then the second instance should have its own empty state assigned with the -x suffix.

This project showcases this as we have 4 filterable lists on the same page → Filter + Mirror Click

4