Article de blog

Liens en vedette

1. Documentation de Company XYZ sur les paramètres des cartes
2. Documentation de Company XYZ sur les paramètres de visibilité
3. documentation Shopify sur les sections et les blocs
4. documentation Shopify sur la personnalisation des sections

Vidéos utiles

Vidéo de Shopify Academy : personnaliser votre boutique

Vidéo de Shopify Academy : personnaliser votre boutique

Utilisez ce bloc pour mettre en avant un article unique sous forme de carte avec son image, son titre, son extrait et son lien de lecture supplémentaire. C’est un choix pratique lorsque vous souhaitez mettre un article en avant dans une grille, une barre latérale, une page d’accueil ou une mise en page éditoriale.

Paramètres principaux

Sélectionnez l’article que vous souhaitez afficher dans le bloc. Le bloc utilise le contenu existant de l’article, donc les meilleurs résultats viennent généralement d’articles avec une image mise en avant forte et un extrait clair.

Astuce

Si vous souhaitez remplacer la présentation habituelle de l’image ou du texte de l’article par une mise en page promotionnelle plus personnalisée, utilisez plutôt un bloc de bannière. Pour un aperçu du fonctionnement des blocs dans les thèmes, consultez la documentation Shopify sur les sections et les blocs

Paramètres standard du bloc

Paramètres de carte

Ces paramètres contrôlent l’apparence de la carte d’article et vous permettent de remplacer les valeurs par défaut partagées de la carte pour ce bloc. Vous pouvez modifier le style de carte, le ratio d’aspect de l’image, le style du bouton, le texte visible, l’alignement du texte et les détails de la légende pour l’adapter à l’espace où l’article apparaît.

Utilisez des styles de carte plus simples lorsque le bloc se trouve dans une mise en page dense, et utilisez Banner lorsque l’article doit être plus visible. Les cartes avec titre uniquement fonctionnent bien dans les espaces restreints, tandis que le titre et l’extrait donnent aux lecteurs plus de contexte avant qu’ils ne cliquent. Le comportement partagé des cartes est également traité dans Paramètres de carte.

Il vaut la peine de vérifier séparément le ratio d’image sur mobile si le recadrage sur ordinateur semble correct mais devient inadapté sur les petits écrans. C’est particulièrement important pour les images mises en avant avec des visages, du texte ou des détails importants sur les bords.

L’alignement vertical du texte au centre ne s’applique que lorsque le style de carte est défini sur Banner.

Les paramètres de légende vous aident à décider quelle quantité de métadonnées d’article afficher. L’auteur et la date peuvent ajouter du contexte pour un contenu éditorial, mais il est préférable de les masquer lorsque la carte doit rester visuellement compacte.

Paramètres de couleur

Ces paramètres remplacent les couleurs de carte partagées pour ce bloc uniquement. Utilisez-les lorsqu’un article mis en avant a besoin d’un contraste plus fort, d’un niveau d’emphase différent ou d’une présentation plus adaptée que vos cartes standard.

Les couleurs de superposition de la bannière s’appliquent uniquement lorsque le style de carte est défini sur Banner. Une superposition unie ou dégradée peut améliorer la lisibilité du texte sur des images chargées, et le paramètre d’opacité vous aide à équilibrer lisibilité et visibilité de l’image. Le comportement partagé des couleurs est également traité dans Paramètres de carte.

Note

Une valeur d’opacité de superposition liée au défaut partagé utilise le comportement de couleur de votre thème, tandis que 0% rend la superposition totalement transparente.

Paramètres de visibilité

Utilisez les contrôles de visibilité pour afficher ce bloc sur tous les appareils ou le masquer sur ordinateur ou mobile. C’est utile lorsque vous souhaitez différents emplacements d’article, recadrages ou contenus d’accompagnement pour les petits écrans. En savoir plus dans Paramètres de visibilité. Pour des conseils liés à l’éditeur de thème, consultez la documentation Shopify sur la personnalisation des sections

Paramètres de l’éditeur

Les paramètres de l’éditeur vous aident à organiser les mises en page complexes. Donnez au bloc un titre clair dans l’éditeur afin de pouvoir identifier rapidement quelle carte d’article vous êtes en train de modifier.

Notes d’utilisation

1. Choisissez un article solide. Sélectionnez un article avec une image mise en avant claire et un extrait utile afin que la carte paraisse complète avec un minimum d’ajustements.
2. Adaptez le style à l’emplacement. Utilisez une présentation de type bannière pour les moments éditoriaux mis en avant et des styles de carte plus simples pour le contenu d’accompagnement.
3. Vérifiez les recadrages sur mobile. Contrôlez le ratio d’image sur mobile après la configuration pour éviter un recadrage maladroit sur les petits écrans.
4. Préservez la lisibilité. Si du texte se superpose à une image, ajustez les couleurs de superposition et de texte jusqu’à ce que le titre et l’extrait soient faciles à lire d’un coup d’œil.
5. Utilisez la visibilité avec intention. Masquez le bloc sur un seul appareil uniquement lorsqu’une mise en page alternative rend l’expérience de lecture plus claire.
6. Prévisualisez les deux états. L’éditeur de thème peut afficher le bloc avant que le contenu réel ne soit disponible, alors vérifiez la carte d’article en aperçu et sur la boutique en ligne pour confirmer l’apparence finale.
7. Vérifiez les deux vues. Les contrôles pour ordinateur et mobile peuvent produire des comportements différents en matière d’alignement, de visibilité et de médias, alors confirmez le bloc sur les deux tailles d’écran avant la publication.
8. Conservez les valeurs par défaut lorsque vous souhaitez un style de repli. Laissez les remplacements de couleur et de média non définis lorsque vous souhaitez que le bloc hérite du traitement de carte environnant ; utilisez des remplacements explicites uniquement lorsque l’article doit avoir une apparence plus indépendante.