Hello, I am using The Finsweet CMS filter alongside splide.Js to update a carrousel on a CMS Collection Page dynamically
!important - when looking at my webflow link - only the CMS Events Coverage Page is populated with data; ignore all other pages -
My CMS is set up where a Collections pages named Services Template is populated and includes a splide.js slideshow. [see pic 1]
I dynamically populate the splide slideshow via the CMS Carousel List [pic 2]
(I need to do this as I cannot use Webflow Built in multi-images block, and I don’t know any other way to dynamically update the CMS List splide connects to.)
Tangent - For those unfamiliar with how splide works - On page-load everything populates from the CMS Services Template except for splide which MUST load all the slides for all the services pages because splide cannot be dynamically updated via its Link to the CMS or have Webflow built-in FIlter dynamically update. Webflow - we’re still waiting…
Finsweet hook into a list of defined filters, and we can then apply these attributes via a Label which then filters the CMS items.
We need three attributes for this to work.
The CMS list where the filter will be applied fs-cmsfilter-element="list"
The Items, which need to be labelled to work fs-cmsfilter-element="filter"
The form, which needs to be labelled to work fs-cmsfilter-field="IDENTIFIER"
[See Pic 3, 4, 5]
Finally, I have a CMS Collections page which defines the FIlters, and CMS Services Template pointing to that list as a Reference [Pic 6, 7, 8]
pic 1
pic 2
pic 3
Pic4
Pic 5
Pic 6
Pic 7
Pic 8
The setup is not working - the current behaviour is
- Page loads
- Services page is populated from CMS Collections Pages Services Template
- splide.js populates with a complete list of slides, and no filters applied (this is expected as I don’t have the filter set by default in page load YET…
- pressing any filter button will remove all the slides. Filter type is NOT working. Maybe i’m just getting cross-eyed, or perhaps there is something about the async func of Attributes CMS filter not playing well with this setup?
ALSO - is there a less ridiculous way to do this? I would love a simpler setup
[1] Read-only link - Webflow - RED ROSE FILMS
Events Coverage | Red Rose Films