Ability to add a dynamic slider in Webflow CMS

It’s possible to make CMS in Slider?

Like getting the image and title of Blog Post and using on the slider.

Thanks guys.

7 Likes

Hello @Fellipe_Abreu!

If you want that latest posts automatically been showing in such slider it is not possible yet. For now you can only manually do this.

Regards,
Anna

3 Likes

This kind of functionality is really important to making my clients happy with using the CMS. Can you tell us if this is in the roadmap for improvements to the Webflow CMS?

1 Like

Hey @bsetter, it’s absolutely on the roadmap!

We were unfortunately not able to ship this with the first version of the CMS, but we’ll be working on making most of our components dynamic in the future (including sliders, lightboxes, maps, embed scripts, etc). Just a matter of time :smile:

10 Likes

Ok awesome! As long as I can reassure my clients its coming. Is there any indication at all on timing for these things? Or a public view of the roadmap?

1 Like

@bsetter Unfortunately nothing concrete. It’s really (really) hard to get timing right in software, especially since we’re pushing the limits of what’s possible in a browser-based design tool :confused: – one thing I can say though is that dynamic components are very (very) high on the list of priorities for us :grimacing:

10 Likes

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

Good to hear this is on the horizon, for the future. I will stop trying to make a workaround and just wait because I really am just wasting hours of time. Being able to do this with the CMS will be a huge coup. Wordpress is not intuitive to change for clients and to be able to offer an alternative just as powerful but easier to use would be great. Right now I will stick to making the dynamic content more text and form based. With the hope sometime in the nearish future to be able to offer an update with more advanced functionality specifically for lightboxes, photo and video.

Great to hear that its very very high on the priorities! Are we talking days, weeks, months, or year? Any update on progress?

2 Likes

I’d like to make my portfolio with Webflow, and the lack of dynamic sliders is a bit of a mare.

Throwing my lot in the hat voting for the dynamically fed sliders.

2 Likes

Diu thank you for the step by step I used it earlier. I wanted to create a slider that showed homes that where already sold. All i did different was on step (8) above I limit each slider to show properties that were sold using a switch for filtering and show each property progressively starting at 1,2,3,… Oh i used the same image more than once but you can change it to whatever you like.

Here is the link

https://preview.webflow.com/preview/cms-slider?preview=d2f5fc6543de1c2828e60a0fd2cbb79d

Hope this helps someone.

1 Like

Oh, please, I need that dynamic slider, too.

I’ll try Diu’s workaround in the meantime.

1 Like

Maybe it would make more sense to have a module in the database entries that allows you to drop multiple images into it? Like a dropbox. Then sliders, lightboxes and whatever else could pull images from it.

1 Like

This would definitely add value to the CMS option.

1 Like

@MrCannon Hey man, can you please re publish this link? would love to see it in action

Here you go Daniel

https://preview.webflow.com/preview/dynamicsliderdemo?preview=18b6aa573292a81447c4585dbe1cb7f3

1 Like

This work around worked perfectly for me! Thank you!

2 Likes

Hi Diu,

I was able to make the slider. Thank you! But how would clients be able to add or remove slides in the Editor?

1 Like

That will not be possible. Client will have to contact designer for changes to non-CMS components.

there is a workaround using .js @SidneyOttelohe posted it in tips and tricks it works well,

you can just add content to the CMS and voila new slide