Paste before </body> tag of the page you're working with.
The variable we created to store our Library instance. The name of the variable can be set to whatever you want.
The class of the hidden Collection List that holds our dynamic CMS List.
This is our real feed of data that we want to populate inside the Slider component. This should be hidden on the page.
The class of the Webflow Slider component that will display our dynamic CMS List. This class is placed on the native Webflow Slider component.
The amount of CMS items that are shown in each slide.
For example, a value of "3" would show CMS items 1, 2, 3 in Slide 1, items 4, 5, 6 in Slide 2.
IMPORTANT: This is easy to set up. You must understand how to structure your page for this to work.
The outer parent of the native Webflow slider component needs a class. In this example, we call it ~.fs-slider~
The CMS Collect List that will hold the dynamic information we want to display in the slider. This will be hidden on the page. In this example, we call it ~.fs-dynamic-feed~
CMS Library is going create a new ~.fs-slide~ for every item inside of your ~.fs-dynamic-feed~. If you have 50 items inside your ~.fs-dynamic-feed~, there will be 50 ~.fs-slide~ elements created. We will then "copy" ~.fs-slide-content~ and paste it in the ~.fs-slide~ that was created for that item.