Streaming live at 10am (PST)

Ability to add a dynamic slider in Webflow CMS


#1

It's possible to make CMS in Slider?

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

Thanks guys.


CMS Page Template - Lightbox
White underline on slider and Conditional visibility on slider
#2

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

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?


#4

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


#5

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?


#6

@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


#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.


CMS Integration with Slider
Dynamic project slider
Testimonials using CMS?
Cards become swipeable slider on mobile
#9

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.


#10

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


#11

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.


#12

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.


#13

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

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


#14

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.


#15

This would definitely add value to the CMS option.


#16

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


#17

Here you go Daniel

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


#18

This work around worked perfectly for me! Thank you!


#19

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?


#20

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


#21

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