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
Pour choisir vos accessoires
Une souris Logitech,
pour votre espace de travail.
Découvrez la Logitech Lift. Vérifiez sa forme, sa prise en main et les appareils compatibles sur la fiche produit avant de choisir votre souris.
- Logitech Lift
- Souris verticale
Prix, disponibilité et livraison sur la fiche produit.
