Comment rendre des éléments déplaçables par drag & drop dans Webflow ?

Dans ce tutoriel, Sandro cofondateur de l'agence Webflow Gemeos vous montre comment rendre des éléments déplaçables par glisser-déposer dans Webflow avec jQuery UI.

Exemple

1. Chargez jQuery UI dans le head

Dans Page Settings > Custom Code > Head, ajoutez :

2. Ajoutez la classe sur votre élément

Dans le Designer Webflow, ajoutez la classe draggable-element sur l'élément à rendre déplaçable.

3. Initialisez dans Footer code

$(function() {
  $('.drag').draggable({
  });
});

Conclusion

Deux lignes de code pour un drag & drop natif et robuste. Voir aussi : rendre un élément déplaçable dans Webflow.