Paramètres de la carte de collection

Liens en vedette

1. Documentation Shopify sur les sections et les blocs
2. Documentation Shopify sur la personnalisation des sections

Vidéos utiles

Vidéo Shopify Academy : personnaliser votre boutique

Vidéo Shopify Academy : personnaliser votre boutique

Ces paramètres contrôlent l’apparence par défaut des cartes de collection dans tout votre thème. Utilisez-les pour créer une base cohérente pour les grilles de collections, les zones de collections mises en avant et les autres affichages basés sur des collections, puis remplacez-les dans des sections individuelles uniquement lorsqu’une mise en page spécifique nécessite un style différent. Pour une vue d’ensemble plus large de la personnalisation des différentes parties du thème, consultez la documentation Shopify sur les sections et les blocs

Style de carte

Le style de carte définit la structure globale et l’importance visuelle des cartes de collection. Il a le plus grand impact sur l’apparence des listes de collections ; c’est donc généralement le premier paramètre à choisir.

Les styles de type bannière fonctionnent mieux lorsque l’image doit être mise en avant et que le texte peut se superposer. Les styles avec marge intérieure donnent généralement une impression plus conventionnelle et plus facile à parcourir dans les mises en page en plusieurs colonnes, tandis que les styles sans image peuvent convenir à des conceptions plus simples, axées sur le texte.

La modification du style de carte global peut affecter les cartes de collection à plusieurs endroits en même temps. Après l’avoir mise à jour, vérifiez à la fois les zones de liste de collections et les éventuels affichages promotionnels de collections qui utilisent les mêmes valeurs par défaut.

Ratio d’aspect de l’image

Les paramètres de ratio d’aspect pour ordinateur et mobile contrôlent la façon dont les images de collection sont cadrées selon les tailles d’écran. Cela vous aide à conserver une cohérence visuelle des cartes tout en adaptant le recadrage aux petits écrans.

Des ratios plus larges peuvent donner une impression plus éditoriale et plus horizontale, tandis que des ratios carrés ou portrait confèrent à chaque collection une présence visuelle plus marquée. Si les images de vos collections varient beaucoup, un ratio fixe peut rendre la mise en page plus propre, mais il peut aussi recadrer certaines images plus fortement.

Astuce

Si les images de collection s’affichent correctement sur ordinateur mais sont recadrées trop fortement sur téléphone, ajustez d’abord le ratio mobile. Cela améliore généralement l’affichage sur les petits écrans sans modifier la mise en page sur ordinateur.

Style du bouton

Le style du bouton contrôle si les cartes de collection affichent un appel à l’action et à quel point celui-ci est mis en avant. Utilisez un traitement plus marqué lorsque vous souhaitez que les cartes de collection génèrent davantage de clics, et un traitement plus discret lorsque la destination est déjà évidente à partir de l’image et du titre.

Masquer le bouton peut rendre les grilles denses plus lisibles. Les styles de bouton plus visibles conviennent généralement mieux aux zones de collections mises en avant ou promotionnelles.

Texte de la carte

Vous pouvez contrôler la quantité de texte affichée sur chaque carte de collection, du titre et de l’extrait à l’absence totale de texte. Ce paramètre affecte à la fois la clarté et la densité visuelle.

Afficher à la fois le titre et l’extrait est souvent le choix le plus sûr lorsque les noms de collections ont besoin de contexte supplémentaire. Les approches avec titre uniquement ou sans texte fonctionnent mieux lorsque les noms de vos collections sont clairs et que l’imagerie assure l’essentiel de la communication.

Alignement du texte

L’alignement horizontal et vertical contrôle l’emplacement du texte dans la carte. Ces paramètres sont les plus visibles dans les styles axés sur l’image, où le placement influence à la fois la lisibilité et l’équilibre général de la carte.

Un texte aligné à gauche est généralement le plus facile à parcourir dans les grilles. Un texte centré peut paraître plus soigné dans les mises en page promotionnelles, tandis que le positionnement vertical vous aide à éloigner le texte des parties chargées d’une image.

Note

L’alignement vertical au milieu s’applique uniquement au style de carte bannière. Dans les autres styles de carte, cette option de positionnement n’a pas le même effet.

Valeurs par défaut globales et remplacements

Ces paramètres servent de valeurs par défaut à l’échelle du thème pour les cartes de collection. Certaines sections peuvent les remplacer localement, ce qui fait de ce groupe un bon point de départ pour établir une base cohérente avant d’ajuster les cas particuliers. Pour plus de détails sur la modification de ces contrôles au niveau des sections, consultez la documentation Shopify sur la personnalisation des sections

Utilisez les valeurs par défaut globales pour conserver l’alignement des cartes de collection dans tout le thème, puis appliquez des remplacements locaux uniquement lorsqu’une section a une raison de conception claire de différer.

Notes d’utilisation

1. Choisissez d’abord la mise en page. Commencez par le style de carte avant d’ajuster le texte ou les boutons, car la mise en page globale modifie la manière dont les autres paramètres s’interprètent.
2. Vérifiez le comportement responsive. Les présentations de type diaporama peuvent modifier la navigation, la pagination, l’aperçu et le comportement des points de rupture ; vérifiez donc les versions ordinateur et mobile après avoir effectué des changements de mise en page.
3. Vérifiez séparément les recadrages sur mobile. Examinez les cartes de collection sur les petits écrans dès que les images contiennent des détails produit importants, des visages ou du texte.
4. Adaptez le texte à la clarté. Réduisez le texte de la carte uniquement lorsque les titres et les images de vos collections suffisent à eux seuls à expliquer la destination.
5. Utilisez le style par défaut pour plus de flexibilité. Les valeurs vides, transparentes ou de style par défaut conservent généralement le style de repli, tandis que des couleurs, dégradés ou remplacements de média explicites rendent la zone de carte locale plus indépendante.
6. Vérifiez les remplacements locaux. Si une zone semble incohérente après une modification globale, cette section utilise peut-être ses propres paramètres de carte de collection.