Paramètres de contenu dynamique de l’accordéon

Liens en vedette

1. documentation Shopify sur l’éditeur de thème
2. documentation Shopify sur les sections et les blocs

Vidéos utiles

Vidéo Shopify Academy : personnaliser votre boutique

Vidéo Shopify Academy : personnaliser votre boutique

Utilisez ce groupe de paramètres pour remplir automatiquement un accordéon avec du contenu de blog au lieu de gérer chaque élément manuellement. Il vous permet de contrôler quels articles apparaissent, combien sont affichés et si chaque élément agit davantage comme un aperçu rapide ou comme un panneau de contenu plus complet. Pour le contexte de configuration, consultez documentation Shopify sur l’éditeur de thème

Contenu dynamique

Vous pouvez connecter l’accordéon à un blog afin que les éléments soient générés à partir de ses articles. Cela est utile pour les FAQ, les guides, les mises à jour ou tout autre contenu récurrent qui doit rester à jour à mesure que de nouveaux articles sont ajoutés. Pour un aperçu plus large de la façon dont le contenu du thème est organisé, consultez documentation Shopify sur les sections et les blocs

Si votre blog couvre plusieurs sujets, utilisez le filtre de tags pour limiter les résultats à un seul thème. Cela aide à garder l’accordéon ciblé et évite de mélanger du contenu sans rapport dans la même liste.

Le filtre de tags ne fonctionne que lorsqu’un blog est sélectionné. Si aucun blog n’est choisi, le filtre ne renverra pas de contenu.

Le paramètre du nombre d’éléments contrôle combien d’articles correspondants apparaissent. Une valeur de 0 affiche tous les éléments correspondants, jusqu’à 50, mais une liste plus courte est généralement plus facile à parcourir dans un accordéon.

Affichage du contenu

Vous pouvez afficher des extraits au lieu du contenu complet pour chaque élément généré. Cela crée généralement un accordéon plus épuré, surtout lorsque plusieurs éléments peuvent être développés sur la même page.

Les extraits fonctionnent mieux lorsque le contenu source a été rédigé avec des résumés courts à l’esprit. Si la qualité des extraits varie, les longueurs des éléments peuvent sembler incohérentes.

Astuce

Utilisez des extraits lorsque l’accordéon est destiné à aider les visiteurs à comparer rapidement des sujets. Affichez un contenu plus complet uniquement lorsque chaque élément a besoin de plus de détails immédiatement.

Liens vers le contenu complet

Vous pouvez ajouter un lien vers l’article d’origine pour chaque élément généré. C’est un bon choix lorsque l’accordéon doit présenter le contenu sans remplacer la page d’article dédiée.

Les liens sont particulièrement utiles lorsque les extraits sont activés, car ils offrent aux visiteurs une étape suivante claire pour continuer la lecture.

Notes d’utilisation

1. Choisissez une source ciblée. Sélectionnez un blog qui correspond à un objectif clair afin que l’accordéon paraisse sélectionné avec soin plutôt que mélangé.
2. Utilisez les tags pour affiner le contenu large. Ajoutez un tag lorsqu’un blog contient plusieurs catégories et que l’accordéon ne doit en afficher qu’une seule.
3. Limitez la liste avec discernement. Commencez avec un petit nombre d’éléments pour que l’accordéon reste facile à parcourir, puis augmentez-le uniquement si une liste plus longue apporte une valeur claire.
4. Utilisez des extraits pour les mises en page compactes. Activez les extraits lorsque l’espace est limité ou lorsque les visiteurs sont plus susceptibles de survoler le contenu que de le lire en détail.
5. Affichez des liens lorsque les éléments sont des aperçus. Activez les liens vers le contenu complet lorsque l’accordéon doit résumer des articles plutôt que contenir toutes les informations importantes.
6. Vérifiez les deux affichages. Les paramètres pour ordinateur et mobile peuvent modifier l’alignement, la visibilité et le comportement des médias, alors vérifiez l’accordéon sur les deux tailles d’écran avant de le publier.
7. Gardez les médias lisibles. Lorsque vous utilisez des médias différents pour ordinateur et mobile, comparez le cadrage et le comportement de repli pour vous assurer que le texte et les visuels fonctionnent toujours ensemble.
8. Vérifiez le comportement sticky dans son contexte. Si l’accordéon reste visible pendant le défilement, assurez-vous qu’il s’intègre toujours à la mise en page environnante et qu’il n’encombre pas le contenu voisin sur les petits écrans.