Ability to add a dynamic slider in Webflow CMS

Community resources Product feedback
8

You can, at least, i did it today. It’s a bit of a hack, but this is how you do it:

  1. Make a div to put in your slider
  2. Insert a slider
  3. Insert a dynamic list into the first slide
    http://www.clipular.com/c/4707356171567104.png?k=C0uW5Kko9ZdUzvnKQFQRzzlWXdY
  4. Select a collection to get images from, set layout to full width, and restrict the item to display start item 1, limit to item 1.
    http://www.clipular.com/c/6017001490219008.png?k=aUU_3c8oBRgYweTfbB1doKU6WNI
  5. Set background of that slide to a picture, but don’t upload any (you’ll get the standard background cover). And set picture to cover, align center, and non-repeat.
    http://www.clipular.com/c/5915631135227904.png?k=EX70OHaOR-kRMhvv1x4S3k6JMaA
  6. On your dynamic item, specify min-width, and overflow: hidden.
    http://www.clipular.com/c/4841347071606784.png?k=nDwO4KjPq28wLAqLNQLOPuFCC5U
  7. Delete slide 2 from your slider. Copy & Paste slide one as much as you want slided
  8. Restrict slide 2 to use dynamic list item 2, slide 3 to use only item 3 etc.
    http://www.clipular.com/c/5124666468335616.png?k=b9c5MooQPX2iXBlI-AnGsXFxcs8
  9. Et voila, there you have your slider with dynamic content. This is the structure:
    http://www.clipular.com/c/5354796721635328.png?k=FSfQLhhwR89_MVdIgV_W7BiZgug

Good luck.

9 Likes