data-fs-filter
key matching the CMS item's data attribute exactly (case-sensitive).data-[key]
attribute value corresponding to the checkbox labels.Your Finsweet filter checkboxes not working while other filters (search, item count) function indicates a setup issue with the checkbox data-attribute
, class targeting, or List attribute configuration.
data-fs-filter
attribute, e.g., data-fs-filter="category"
.data-category
attribute for the filter to evaluate.data-fs-filter=
must match the filter key set on the list items (e.g., data-category="blog"
)..collection-item
or filtered element includes the appropriate data attribute, e.g., data-category="Design"
.Design
, the collection item should contain data-category="Design"
exactly.fs-attributes
components from Finsweet:data-fs-filter
on the checkboxes must match exactly with the key in the collection item’s data attribute. Case-sensitive.data-fs-filter="topic"
+ data-topic="Marketing"
.data-fs-filter-field
referencing a class.Your checkbox filter in Finsweet isn't working likely due to a mismatch between the data-fs-filter
key and the attribute in the CMS item or a misconfigured checkbox selector. Double-check your data attributes, make sure key names match exactly, and ensure the Finsweet Attributes are properly initialized via their official scripts.