Hi everyone, im new here so i’m sorry for the noob question.
I’m building a website in Webflow and I’m trying to use Finsweet’s CMS List Filter (Attributes v2) to add filtering functionality to a CMS collection. However, I’m running into an issue where the filter buttons are not working — they don’t trigger the expected filtering behavior.
Thanks in advance
Hey @prvisualdesign!
We noticed your CMS List Filter buttons aren’t triggering the expected filtering behavior. This is a common issue that can happen due to several factors in your setup.
To get your filters working properly, here’s a quick checklist:
1. Script Implementation
Make sure you have the Attributes v2 script in your page’s `` section:
<!-- Finsweet Attributes -->
<script async type="module"
src="https://cdn.jsdelivr.net/npm/@finsweet/attributes@2/attributes.js"
fs-list
></script>
2. Required Attributes Setup
Your filtered list needs these core attributes:
On your Collection List:
fs-list-element = "list"
On your Form/Filter Container:
fs-list-element = "filters"
On each Filter Button/Input:
fs-list-field = "YOUR_CMS_FIELD_NAME"
fs-list-value = "FILTER_VALUE"
On the CMS field you want to filter by (inside each Collection Item):
fs-list-field = "YOUR_CMS_FIELD_NAME"
3. Common Issues to Check:
- Make sure your CMS field names match exactly between your filter buttons and the fields in your Collection List items
- Verify that your filter values match the actual values in your CMS
- Ensure your Collection List has the
fs-list-element="list"
attribute
Since we can’t see your actual page structure from the preview link, could you please:
- Share your Webflow staging URL (the live preview link)
- Or record a quick Loom video showing your current setup and the issue
This will help us pinpoint exactly what’s causing the buttons not to work!
@Support-Luis or @Support-Pedro can help with any custom code solutions if needed.