Ligne

Liens en vedette

1. Documentation de Company XYZ sur le bloc d’accordéon
2. Documentation Shopify sur les sections et les blocs
3. Documentation Shopify sur les métachamps et les sources dynamiques
4. Documentation de Company XYZ sur les extraits
5. Documentation de Company XYZ sur les icônes
6. Documentation de Company XYZ sur l’utilisation de vidéos
7. Documentation de Company XYZ sur les paramètres de visibilité

Vidéos utiles

Vidéo de Shopify Academy : personnaliser votre boutique

Vidéo de Shopify Academy : personnaliser votre boutique

Utilisez le bloc Row pour ajouter un élément repliable unique à un accordéon. Il fonctionne bien pour les FAQ, les détails d’expédition, les instructions d’entretien, les résumés de politiques ou tout autre contenu qui doit rester accessible sans prendre trop de place.

Vous pouvez saisir le contenu directement dans le bloc ou le récupérer à partir de contenu existant. Pour une référence plus générale sur la fonctionnalité, consultez le Accordéon. Pour un aperçu Shopify du fonctionnement des blocs dans l’éditeur de thème, consultez la documentation Shopify sur les sections et les blocs

Paramètres principaux

Les principaux paramètres définissent le contenu et le comportement de la ligne. Vous pouvez contrôler si la ligne s’ouvre par défaut, ajouter un titre personnalisé, inclure une icône de titre en option et décider si le corps utilise du rich text manuel ou du contenu lié.

Si vous attribuez à la fois un article de blog et une page, la page remplace l’article de blog. Cela fait du paramètre de page un bon choix lorsque vous voulez un remplacement rapide sans modifier le reste du bloc.

Lorsque vous utilisez du contenu lié, l’option d’extrait est utile si vous souhaitez un résumé plus court au lieu du texte complet. Cela fonctionne mieux lorsque les extraits sont déjà rédigés clairement et de manière cohérente. Pour des détails de configuration sur le contenu connecté, consultez la documentation Shopify sur les metafields et les sources dynamiques. Pour en savoir plus sur les extraits, consultez Extraits.

Utilisez le champ de contenu propre au bloc lorsque vous avez besoin d’un contrôle total sur le libellé et la mise en forme. Utilisez le contenu lié lorsque vous voulez que la ligne reste synchronisée avec le contenu que vous gérez déjà ailleurs.

Boutons et liens

Vous pouvez ajouter un bouton manuel ou afficher automatiquement un lien vers le contenu lié. Le lien automatique est utile lorsque la ligne sert d’aperçu, tandis qu’un bouton manuel vous donne plus de contrôle sur la destination et l’appel à l’action.

Choisissez un style de bouton qui correspond à l’importance de l’action. Les boutons pleine largeur sur mobile peuvent être plus faciles à toucher, surtout lorsque la ligne contient un texte ou des médias plus longs.

Si vous utilisez une icône dans le titre ou le bouton, gardez-la simple et cohérente. Pour obtenir de l’aide sur le formatage des icônes, consultez Icônes.

Paramètres des médias

Ce groupe vous permet d’ajouter des médias visuels en option à la ligne. Vous pouvez placer les visuels au-dessus ou en dessous du texte selon que le visuel doit introduire le sujet ou l’appuyer après le contenu rédigé.

Une image est généralement le meilleur choix pour les lignes d’information courtes. La vidéo est plus efficace lorsque le contenu nécessite une démonstration, du mouvement ou une explication visuelle plus forte.

Options vidéo

Vous pouvez utiliser une vidéo hébergée ou une URL de service vidéo pris en charge. Si vous utilisez une vidéo hébergée, l’ajout d’une image d’affiche crée généralement une première impression plus soignée avant le début de la lecture.

La lecture automatique peut rendre la ligne plus dynamique, mais elle fonctionne mieux avec des vidéos courtes qui restent compréhensibles sans son. La lecture en boucle peut convenir aux clips d’ambiance ou de démonstration, tandis que les commandes du lecteur sont préférables lorsque les visiteurs peuvent vouloir mettre la vidéo en pause, la relancer ou l’avancer.

Attention

Les vidéos volumineuses ou à débit binaire élevé peuvent donner aux contenus d’accordéon une impression de lourdeur et ralentir le chargement. Si la ligne est surtout informative, une image est souvent le meilleur choix.

Pour des conseils de configuration vidéo, consultez Utiliser la vidéo.

Ratio d’aspect

Les paramètres de ratio d’aspect aident les médias à conserver une cohérence visuelle sur plusieurs lignes. Utilisez un ratio partagé lorsque vous voulez que l’accordéon reste net, et utilisez le ratio par défaut lorsque la conservation de la forme d’origine du média est plus importante que l’uniformité.

Le ratio d’aspect mobile est utile lorsqu’un recadrage sur ordinateur ne s’adapte pas bien aux petits écrans. Cela est particulièrement utile pour les médias en portrait ou les visuels comportant des détails importants près des bords.

Paramètres standard du bloc

Paramètres de visibilité

Les paramètres de visibilité contrôlent si ce bloc apparaît sur ordinateur, sur mobile ou sur les deux. C’est particulièrement utile lorsque vous voulez un accordéon mobile plus simple ou une emphase différente du contenu selon l’appareil.

Pour plus de détails, consultez les Paramètres de visibilité.

Notes d’utilisation

1. Rédigez des titres clairs. Faites en sorte que chaque titre de ligne soit suffisamment précis pour que les visiteurs puissent décider s’ils veulent le développer.
2. Choisissez une méthode de contenu principale. Utilisez le contenu lié pour la réutilisation et les mises à jour centralisées, ou le rich text manuel pour un contrôle plus précis dans le bloc.
3. Utilisez les médias à bon escient. Ajoutez des images ou une vidéo uniquement lorsqu’ils aident à expliquer la ligne, pas seulement pour rendre l’accordéon plus rempli.
4. Concentrez les actions. Si vous ajoutez un bouton, assurez-vous que sa destination apporte une valeur ajoutée au-delà de l’ouverture du contenu de la ligne.
5. Vérifiez les deux affichages. Examinez séparément l’ordinateur et le mobile pour vous assurer que l’alignement, la visibilité et les recadrages des médias fonctionnent toujours comme prévu sur chaque taille d’écran.
6. Confirmez le style de repli. Laissez des valeurs vides ou au style par défaut en place lorsque vous voulez que la ligne se fonde dans l’accordéon environnant ; utilisez des couleurs explicites ou des choix de médias lorsque vous voulez que le bloc se démarque davantage de manière autonome.