Réussi
Paramètres de carte
Ajustez la disposition réutilisable des cartes, les images, le texte, l’alignement et les boutons pour un meilleur rendu sur n’importe quel écran.
Utilisez ces paramètres lorsqu’une zone basée sur des cartes nécessite une présentation différente de vos valeurs par défaut plus générales du thème. Ils vous permettent d’affiner l’apparence et la lisibilité des cartes sans modifier tous les autres styles de carte dans la boutique en ligne. Pour un aperçu plus large de l’endroit où ces paramètres s’intègrent, consultez documentation Shopify sur les sections et les blocs
Apparence des cartes
Section intitulée « Apparence des cartes »Le style de carte contrôle la présentation globale de chaque carte, y compris son niveau de structure, d’espacement ou de mise en avant de l’image. C’est le meilleur point de départ si les cartes semblent trop chargées, trop simples ou en décalage avec le contenu qu’elles affichent.
Les styles avec plus d’espace intérieur rendent généralement les contenus mixtes plus faciles à parcourir. Les styles davantage centrés sur l’image fonctionnent mieux lorsque la photographie doit porter l’essentiel du message.
Conservez Use theme setting lorsque vous souhaitez une cohérence avec le reste du thème. Ne le remplacez que lorsque ce groupe de cartes a un besoin visuel ou lié au contenu clairement spécifique.
Proportions de l’image
Section intitulée « Proportions de l’image »Le ratio d’aspect de l’image contrôle la manière dont les images de carte sont recadrées et cadrées. Des paramètres distincts pour ordinateur et mobile sont particulièrement utiles lorsque le même recadrage paraît équilibré sur les grands écrans mais coupe des éléments importants sur les plus petits.
Les ratios paysage et grand écran conviennent généralement aux visuels horizontaux et aux mises en page plus denses. Les ratios carré et portrait peuvent créer une grille plus marquée ou laisser plus d’espace à des images plus hautes. Si les images paraissent maladroites sur téléphone, ajustez d’abord le ratio mobile au lieu de compromettre la mise en page sur ordinateur.
Boutons de carte
Section intitulée « Boutons de carte »Le style de bouton modifie la manière dont l’action de la carte est mise en avant. Utilisez des styles plus visibles lorsque les cartes doivent encourager les clics, et des styles plus discrets lorsque le titre et l’image rendent déjà la destination claire.
Des boutons plus petits aident à réduire le bruit visuel dans les grilles serrées. Masquer le bouton peut fonctionner dans des mises en page très épurées et centrées sur l’image, mais seulement si la carte reste clairement perçue comme interactive.
Texte de carte
Section intitulée « Texte de carte »L’affichage du texte contrôle la quantité de contexte écrit qui apparaît dans chaque carte. Cela influence à la fois la vitesse de lecture et le niveau d’orientation dont disposent les clients avant de cliquer.
Afficher à la fois le titre et l’extrait fonctionne bien lorsque les cartes ont besoin d’explications ou lorsque les images sont moins descriptives. Les mises en page avec seulement le titre sont plus épurées et fonctionnent généralement mieux lorsque l’image et le libellé font déjà suffisamment. Les styles de texte minimal doivent être réservés aux mises en page très visuelles avec un contexte environnant fort.
Alignement du texte
Section intitulée « Alignement du texte »L’alignement horizontal et vertical aide le texte à paraître intentionnel dans le style de carte choisi. L’alignement devient plus important dans les mises en page centrées sur l’image, où le positionnement affecte autant la lisibilité que le style visuel.
Un texte aligné à gauche est généralement le plus facile à parcourir dans les grilles, tandis qu’un texte centré paraît plus promotionnel. Le positionnement vertical est surtout important dans les cartes de type bannière et dans les autres mises en page où le texte se place au-dessus de l’image ou à côté de celle-ci.
Remplacements réutilisables
Section intitulée « Remplacements réutilisables »Ces paramètres sont conçus comme des remplacements locaux pour des cartes réutilisables. Laisser la plupart des options sur Use theme setting aide à maintenir la cohérence, tandis que des modifications ciblées vous permettent d’adapter un groupe de cartes spécifique à différents types de contenu, formes d’image ou comportements de navigation.
Si vous constatez que vous modifiez presque chaque option, revoyez la présentation globale de cette zone de cartes. Un ensemble plus léger de remplacements ciblés crée généralement un résultat plus cohérent que de reconstruire le style de carte depuis zéro.
Pour plus de détails sur les contrôles disponibles, consultez documentation Company XYZ sur les paramètres/cartes et documentation Shopify sur la personnalisation des sections
Notes d’utilisation
Section intitulée « Notes d’utilisation »- Vérifiez les deux points de rupture. Les contrôles pour ordinateur et mobile peuvent affecter différemment la disposition, l’alignement, la visibilité et le comportement des médias, alors vérifiez les deux vues avant de publier.
- Surveillez le comportement du curseur. Les présentations de type curseur peuvent modifier la navigation, la pagination, les aperçus et le comportement aux points de rupture par rapport à une grille statique ou à une disposition empilée.
- Gardez des solutions de repli simples. Les valeurs vides, transparentes ou de style par défaut préservent généralement le style de repli plus large, tandis que des couleurs, dégradés ou remplacements de médias explicites rendent la zone locale plus indépendante.
- Préservez la lisibilité des images. Lorsque les médias pour ordinateur et mobile sont définis séparément, vérifiez le recadrage, le chargement, le repli et le contraste du texte sur les deux écrans.
- Préservez des repères de navigation clairs. Si les cartes incluent des menus, des tiroirs, des liens imbriqués ou des contrôles réservés au mobile, assurez-vous que les éléments masqués ou réorganisés ne bloquent pas le parcours attendu par les clients.