WEBFLOWDans cet article, nous allons voir ensemble comment ajouter des champs personnalisés à vos listes de collections sur Webflow. Cela vous permettra de créer des contenus plus dynamiques et adaptés à vos besoins, par exemple pour afficher la durée de chaque série sur une plateforme de streaming.
Étape 1 : Accéder à la Liste de Collections
- Ouvrez votre projet Webflow.
- Naviguez vers la base de données :
- Sélectionnez la liste de collection qui correspond aux séries affichées sur votre page.
- Cliquez sur le bouton violet à côté des paramètres.
Étape 2 : Ajouter des Champs Personnalisés
- Ajouter un champ personnalisé :
- Cliquez sur le bouton violet pour ajouter des custom fields.
- Sélectionnez le type de champ souhaité (texte, couleur, image, lien, numéro, etc.).
- Pour notre exemple, choisissez un champ texte.
- Nommer le champ :
- Nommez le champ "Durée de la série".
- Cliquez sur "Entrer" et sauvegardez la liste de collection.
Étape 3 : Remplir les Champs Personnalisés
- Attribuer des valeurs aux champs :
- Pour chaque item de votre collection, ajoutez une valeur pour la durée.
- Par exemple, entrez "13 minutes 58" pour une série, "14 minutes 12" pour une autre, etc.
- Sauvegarder les modifications.
Étape 4 : Connecter les Champs Personnalisés à la Page
- Sélectionner l'élément texte sur la page :
- Cliquez sur le texte que vous souhaitez remplir dynamiquement.
- Lier le texte au champ personnalisé :
- Utilisez l'option "Get text from".
- Sélectionnez le champ personnalisé "Durée de la série".
- Vérifiez que toutes les durées ont été mises à jour correctement sur la page.
