A real-life true CMS-driven slider with the native Webflow slider component
The structure of our CMS Collection List (the feed)
The structure of our native Webflow Slider
The .slider() component to create a CMS powered slider.
This is native Webflow slider
In Designer, this has 2 slides
The CMS List below is our "data feed". This will populate new slides in the Slider above.
On the published website, CMS Library creates a new Slide in the Slider for each CMS Item in the list below.
The child of the CMS Dynamic Item ('.slider-this-is-copied-to-slide') is 'copy and pasted' inside each 'Slide' above
This allows you to create a 100% CMS-driven Webflow native slider 💪
You are almost there! Clone this template by clicking the link above. Learn, play around, test, use your own content, and have fun.
You can delete all .delete-me divs! All of the How-To content is in the .clonable divs.