Avez-vous déjà voulu créer un Slider dans Webflow ?
Et avez-vous déjà essayé de linker vos éléments CMS à ce même slider ?

‍

Ça vous permet par exemple de créer un slider d'avis clients qui s'alimente automatiquement depuis votre CMS.

Si vous n’avez jamais rencontré ce soucis, ça arrivera forcémment. Et nativement, dans Webflow, ce n’est pas faisable.

C’est là que la joie du Custom Code arrive.

Je vous parle souvent de Finsweet, cette agence américaine number one sur Webflow. Leurs équipes ont créé une bibliothéques d’assets qui servent à Pimper vos sites sur Webflow.

Allez, on rentre dans le vif du sujet. Suivez ce tutos pour réaliser un slider CMS facilement :
‍

Comment ajouter cette fonctionnalité :

1. Copier ce script et coller le dans le head tag de votre page webflow :

‍

2. Ajouter un attribut à votre élément “liste” de la collection.

‍Rendez-vous dans les Settings de votre liste, puis dans les attributs. Ajoutez le Name "fs-cmsslider-element" et la Value "list"

⚠ La collection doit être présente sur la page et connectée à la collection que vous souhaitez utiliser.

‍

3. De la même manière, ajouter l'attribut Name "fs-cmsslider-element" et la Value “Slider” sur l'élément Slider de votre site webflow

‍

Et... c’est tout ! Publiez votre site, et voyez la magie faire effet 🔥