Creating a CMS-powered basic slider in Webflow using Swiper
27.1 هزار بار بازدید -
پارسال
-
[ Get the cloneable ]
[ Get the cloneable ]
https://webflow.com/made-in-webflow/w...
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/de...
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: Twitter: iljavaneck
Instagram: Instagram: by.ilja
Awwwards: https://www.awwwards.com/ilja-van-eck/
Webflow profile: https://webflow.com/@iljavaneck
https://webflow.com/made-in-webflow/w...
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/de...
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: Twitter: iljavaneck
Instagram: Instagram: by.ilja
Awwwards: https://www.awwwards.com/ilja-van-eck/
Webflow profile: https://webflow.com/@iljavaneck
پارسال
در تاریخ 1402/04/28 منتشر شده
است.
27,140
بـار بازدید شده