Creating a CMS-powered basic slider in Webflow using Swiper

Creating a CMS-powered basic slider in Webflow using Swiper by Ilja van Eck

Summary:

[ Get the cloneable ] https://webflow.com/made-in-webflow/website/basic-swiper After asking around on Twitter, a lot of people seem to struggle a bit with creating CMS-powered (basic) custom sliders in Webflow. So I'm making two videos on how to do so. In this first one, we'll cover a very basic setup for a looping team slider, with custom buttons. Tomorrow I'll post a video on a slightly more advanced but very cool image gallery with a parallax effect. ** Edit: realized that I forgot to talk about the sorting of the slider items after mentioning the number CMS field. You can do so by entering the CMS List settings in your settings panel, and sort the list by your number field. ** [ Links 👇 ] Swiper: https://swiperjs.com/ Finsweet Extension: https://chrome.google.com/webstore/detail/finsweet-extension-for-we/mjfibgdpclkaemogkfadpbdfoinnejep Codesandbox: https://codesandbox.io/ How I record my screen: https://www.screen.studio/ [ Do you speak Dutch? 🇳🇱 🇧🇪 ] Join the largest and most vibrant no-code community! https://www.nocodecommunity.nl/ [ My socials ✌️ ] Twitter: https://twitter.com/iljavaneck Instagram: https://www.instagram.com/by.ilja/ Awwwards: https://www.awwwards.com/ilja-van-eck/ Webflow profile: https://webflow.com/@iljavaneck

Tags:
Creating a CMS-powered basic slider in Webflow using Swiper

Subscribe for updates

No items found.
Load more