The Best Simple CMS Slider for Webflow

How do you make the arrow image div you created to control the slider to actually control the slider?

Great work mate, thanks

Hey Nikolai, I was trying to implement this slider but was running into a problem. I have an animation on the Slider Item but it stops working when the CMS loops. Is there something I should be doing?

Is it possible to make more sliders on the same page using this method? Would have various collections where this would be useful

If the items in a CMS are dynamically populated (after page load) I noticed that this system breaks down and does not work.

In my use case, I have a CMS collection that populates the collection based on your cart selections, so as you add another item to the cart, it adds it to the collection, this means that the amount of items varies, would you have a solution for this? As is, the slider doesnt work on my site :(
It breaks far too easily.

Would be cool if it re-calculated slider movement after every "click" event. I think that would solve my problem as new items are added via clicking on a button on the item

Does this work if I use multiple CMS collections with the same code and class?

Super easy & worked great! Is there a way to slow down the automatic scrolling?

Hello, since a few days I have troubles with your solution. The sliders are not rendering anymore. Arrows disappear and slides stays static. SOLUTION: wrap the Nikolai's solution into a div ".swiper".

This is great work, thanks Nikolai. Is it possible to loop the collection?

Genuinely one of the best videos for a cms slider for webflow! I was looking for something like !!!!!

Thanks for video . Helpfull stuff. Cheers Nicolai !

I don't understand how when you made the arrow Divs they were able to control the position properties of the above images

Loved this! He Nicolai can you tell me how we can add 2 CMS collection sliders on one page with this code?

can somebody tell me how to change the time of each slide?

Hi Nikolai, thank you so much for this great tutorial :) I applied this to my client work and He really like the lazy load in the slider. But, the problem is that I have to export the code for my client, as you know that Webflow don't allow code export for CMS collections. When I publish my exported code locally it shows "Items not found" in the slider section. Can you please help me out to design this slider as it is without CMS collection because I have already tried but it doesn't work. Could you please help me with that as I have to submit my work within 2 days deadline, I'll be really grateful. Thank you :)

Great work Nikolai! Is there a way to stop the slider from moving by itself?

Loved how quick and concise this tutorial is. Would love to see the navigator for layers/stacking/organization. Cheers mang

how do i disable the infinite loop? -it's causing a glitch on mobile views

Thank you so much. The most clear tutorial for CMS slider so far 💪

Excellent tutorial, thank you

Thank you, everything works, but what should I write so that the slides do not switch automatically? I want them to switch only with the mouse

doesn't work

This is a great solution, thank you - but it doesn't work on older ios systems

Thank you so much! You save my project and my job!!!!

A fantastic tutorial in a short time. Thank you very much.

Hi! Great tutorial, thank you! I am stuggling to get my new buttons to display.

Thank you very much!
I am doing a project for a client and this tutorial has helped me a lot.
Greetings from Peru

can you helop me out here @nikolas, tried using thr custom code and the scroll effect doesnt work at all

This does not work on mobile.

OMG thank god for this !!! finally!!
I read the comments but no answer so far: any news on disabling auto scroll? 🙂

Great tutorial, I've just got one thing to add and one question:
1. The back arrow needs to be named "prev-slide" not "previous-slide" as instructed.
2. How can I get dot navigation to populate in addition to the arrows?

Thank you for this it was very straight forward. Is there a way to disable the auto scrolling to the next slide?

How do I remove the infinite scrolling?

I need 4 slides, and I get 12. The slides are duplicated, what is the reason?

Is there a way to do that a blog post in Webflow?

What does the javascript do? Having to link to three external javascript seems unsavory.

Hey Nikolai, quick question - how to the navigation buttons know what they are supposed to do when clicked? Is it because of the custom code that we have inserted ?
Thanks for the amazing tutorial!

How do you stop the slider from automatically moving to other slides?

loveu

Does not work..

This suddenly stopped working on desktop chrome/firefox (works on mobile and desktop edge) any ideas why?

amazing job! 1000 thanks for all the work! It will be very useful.

Is there a way to stop the automatic movement and make the slider move only with the mouse or the arrows?

Keep it up, it's fantastic

This is cool. But I got a problem. I have two sliders in same page, the slider navigation of one slider also triggers another slider. What should i do?

This is great! Thanks

Is it normal that in responsive it doesn't work?

This is way better than all CMS sliders I found. Thank you!

for example previous nav item doesnt work and he cut the video right at the moment where he try to click the previous nav

does anyone else have problems with this slider

Hi Nikolai is there some way to disable the automatic swiping ? :)

Hey Nikolai, great tutorial! However, I did this in a CMS Collection Page and it didn't work. Any idea why?