Filter select drop down not connecting

Description

Good day,
I have used the select element as a means to sort my cms along side a search element. My search element is working with the with the field identifier but my select element, which has the same identifyer is not

Site URL

Required: Please provide a staging/production URL where we can see the issue

Steps to Reproduce

  1. I put in all the attributes for the search and then
  2. decided it would be good to put a select filter in
  3. so I added the same attribute I used for the search, to the select element

Expected Behavior

I expected to see a long list of produce or at least all the tomatoes to show up if you select tomatoes



Actual Behavior

The normal select fields showed up (first choice, second etc)

Video/Screenshots

Required: Please provide a short screen recording showing the issue

  • Video link: [Loom/Screen recording URL]
  • Screenshots (if applicable): [Upload or link to screenshots]

Additional Context

  • Browser: [e.g., Chrome 120, Safari 17]
  • Device: [e.g., Desktop, iPhone 14]

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

Hey @jillbascome!

The read-only link seems to be broken.. Can you please re-share it?

Sorry about that my fault…I just changed the plan its on. Thanks for your help

Thank you, @jillbascome!

We need to add the choices to the Select element for it to display and filter the list accordingly.

We can either add the options manually or use CMS Select to dynamically add the items’ names as options.

I’ve added the CMS Select setup with an override and you can see the options populated by the name of each item.

Let me know if you need any help setting this up!

Hi Luis,
Everything in as you can see in the video. But you can also see the problem. I think its because I took out the filter attribute that was there? Can you let me know please. Grateful

Hey @jillbascome!

Yes! To get CMS Filter working properly with CMS Select, you’ll need to add the attributes:

  1. Add fs-cmsfilter-field="name" to the “Select Produce” element

  1. Add fs-cmsfilter-field="name" to the “produce_cat_item_name” elements.

I made an Override to test this, and it works great.

Let me know if you need any help! :flexed_biceps: