Comment combiner des collections et les trier par date | Webflow Tutoriel

Dans ce tutoriel sur Webflow en français, je vous explique comment :

1) Combiner 2 collections en une

2) Appliquer un tri (par date) sur les données des deux collections combinées

3) Appliquer cette action, de trie et de combinaison, automatiquement (grâce à du code Javascript) au chargement de la page web

Pour réaliser ces actions nous utilisons les attributs pour Webflow de Finsweet 👇

· CMS combine :
· CMS sort order :

Voici le code Javascript à intégrer dans le before body tag de votre page Webflow (dernière partie)

Désolé Youtube n’autorisant pas les chevrons vous devrez donc les rajouter en remplacement des 🟡 dans le code JS ci-dessous

🟡script🟡
window.fsAttributes = window.fsAttributes || [];
window.fsAttributes.push([
‘cmssort’,
(listInstances) =🟡 {
document.querySelector(‘.sort-onload’).click();
},
]);
🟡/script🟡

▬▬▬▬▬▬▬▬▬▬▬ L’ARTICLE 📖 ▬▬▬▬▬▬▬▬▬▬▬

Article web 👉
▬▬▬▬▬▬▬▬▬▬▬ LES OUTILS 💻 ▬▬▬▬▬▬▬▬▬▬▬

Webflow 👉
Integromat 👉

▬▬▬▬▬▬▬▬▬▬▬ TEMPS FORTS ⌚ ▬▬▬▬▬▬▬▬▬▬▬

Introduction 00:00
Comment combiner 2 collections Webflow 01:00
Comment trier (par date) des collections combinées dans Webflow 02:20
Actionner un clic sur un bouton au chargement de la page de votre site Webflow avec Js : 08:00
Récapitulatif : 09:50
Conclusion : 10:54

▬▬▬▬▬▬▬▬▬▬▬ ALLER PLUS LOIN 🤓 ▬▬▬▬▬▬▬▬▬▬▬

Youtube Digidop Webflow France 👉
Blog Digidop 👉

▬▬▬▬▬▬▬▬▬▬▬ CONTACT DIGIDOP ⚡ ▬▬▬▬▬▬▬▬▬▬▬

Contactez Digidop 👉

Suivez-nous pour être au courant des meilleurs stratégies web !
🔗 Instagram :
🔗 LinkedIn :
🔗 Facebook :

#FinsweetAttributes #CombinedCollections #SortByDate