CMS filter, CMS Nest, CMS select

Attributes
, ,
1

Hello Finsweet Experts and @Support-Luis

I’m working on a project where I need to set up a filtering system for 4 elements, including 2 nested collections. And that’s where I’m a bit stuck…

Context:
I set up 4 select fields to filter my elements:
2 “classic” filters → everything works perfectly, it’s great! (easy)
2 filters with nested collections → that’s where it’s not working

What I’ve done:
I followed the Finsweet documentation for CMS Filter + CMS Select + CMS Nest:

CMS Filter: to filter elements

  • CMS Select: to use a select field instead of a dropdown with a collection list.
  • CMS Nest: to bring in the 2 nested collections

The collections involved:

  • Cibles (6 elements) (concerned select field Votre Statut)
  • Tris (2 elements). (concerned select field Trier par)

The filter in on a Static page: Tableau filtre

I think the problem lies somewhere between the keyboard and the chair.

Can anyone with a sharp eye help me figure out what I’ve missed or misunderstood?

Preview Link:
https://preview.webflow.com/preview/preprod-mapension-be?utm_medium=preview_link&utm_source=designer&utm_content=preprod-mapension-be&preview=e43731d90b1c2dcaedb73457fdc08588&pageId=6794e182c9e9d60fd97a7e8e&locale=fr&workflow=preview

Live Link : https://preprod-mapension-be.webflow.io/tableau-filtre

Thank you so much for your help!

2

Hi @coraline!

I noticed that you made some changes in your page and now the nested tags are working! Great :muscle:

Could you share how you made them work?

Also, I see that now the hidden filters don’t work. If you want to hide them, make sure to use only display: none. Don’t use VIsibility Hidden, as that causes the elements to not render on the page. Make that change, and your filters should work fine.

Let me know if you need any assistance!

1 Like