fs-cmsfilter-field
matching the CMS field you're filtering.fs-cmsfilter-element="filter"
and set fs-cmsfilter-path
to the correct CMS path.fs-cmsfilter-field
attributes.fs-cmsfilter-element="list"
and item
respectively.If the checkbox filter in Finsweet's CMS Filter isn’t working while your search field and filter count are operational, the issue typically lies with the custom attributes or structure applied to the checkbox elements.
fs-cmsfilter-field
attribute.Example for a checkbox:
fs-cmsfilter-field
category
, type
).fs-cmsfilter-element
filter
fs-cmsfilter-path
that matches the binding path in the CMS.Example setup:
div
:fs-cmsfilter-element="filter"
fs-cmsfilter-path="category"
fs-cmsfilter-field="category"
and appropriate value
attributes.fs-cmsfilter-field
on the CMS item also needs proper setup where:fs-cmsfilter-field
category
)Ensure your CMS list has the correct attributes:
fs-cmsfilter-element="list"
The parent .w-dyn-items
or equivalent should hold this attribute.
The individual items inside the list should have:
fs-cmsfilter-element="item"
tag.
querySelector
, formData
, or undefined values, it usually points to a missing or misnamed attribute.To fix a non-working Finsweet checkbox filter, confirm that your checkboxes have correct fs-cmsfilter-field
attributes, live within a filter group with the correct path, and that your CMS items properly reflect the filtered values. Also, verify that you're using the latest Finsweet script and no JavaScript conflicts exist.