Liste des collections - Principal

Liens en vedette

1. Documentation Shopify sur les modèles
2. Documentation Shopify sur les sections et les blocs
3. Documentation Company XYZ sur les paramètres d’en-tête
4. Documentation Company XYZ sur les paramètres de carte
5. Documentation Company XYZ sur les paramètres d’espacement de section
6. Documentation Company XYZ sur les paramètres d’arrière-plan de section
7. Documentation Company XYZ sur les paramètres de séparateur
8. Documentation Company XYZ sur les paramètres de largeur de mise en page

Vidéos utiles

Vidéo Shopify Academy : Personnaliser votre boutique

Vidéo Shopify Academy : Personnaliser votre boutique

Affichez toutes les collections disponibles dans une seule mise en page parcourable, puis adaptez la page avec le style des cartes, des remplacements de couleur, l’espacement et les contrôles de largeur. Cette section est idéale lorsque vous souhaitez une page d’accueil de collections complète plutôt qu’un ensemble sélectionné de collections en vedette. Pour un aperçu plus large de la structure de la page, voir documentation Shopify sur les templates

Comment cette section fonctionne

Cette section affiche la liste complète des collections pour le modèle de page qu’elle prend en charge. Vous ne choisissez pas de collections individuelles ici, donc le résultat final dépend beaucoup de la cohérence de vos titres, images et descriptions de collection. Pour plus de détails sur l’organisation des sections de thème, voir documentation Shopify sur les sections et les blocs

Comme toutes les collections apparaissent automatiquement, des images et des descriptions de collection faibles ou incohérentes seront ici beaucoup plus visibles que dans des sections de collections en vedette plus petites.

Paramètres de couleur de carte

Ces paramètres vous permettent de remplacer uniquement les couleurs de carte par défaut pour cette section. Ils sont utiles lorsque vous souhaitez que la page des collections paraisse distincte sans modifier les cartes de collection dans le reste du site.

Les contrôles de superposition de bannière ne sont utiles que lorsque vous utilisez le style de carte Banner. Servez-vous-en pour améliorer la lisibilité du texte sur les images, mais gardez la superposition suffisamment légère pour que les clients puissent encore distinguer une collection d’une autre.

Pour les styles non banner, les couleurs d’arrière-plan, de bordure, de titre et de texte vous aident à ajuster le contraste et le poids visuel. Si vous affichez aussi des extraits de collection, vérifiez que le texte reste facile à lire à la fois sur l’arrière-plan de la carte et sur l’arrière-plan de section environnant.

Paramètres de couleur

Ces paramètres contrôlent les couleurs utilisées dans le contenu d’introduction de la section, y compris l’icône, le texte principal et le sous-titre. Ils sont particulièrement utiles lorsque votre page de collections utilise un arrière-plan de section personnalisé ou a besoin d’un contraste plus fort que celui offert par votre style de texte par défaut.

Essayez de garder le style de l’introduction visuellement lié au traitement des cartes en dessous. Si la zone de titre semble beaucoup plus forte ou plus décorative que la grille de collections, la page peut paraître déséquilibrée.

Paramètres standard de section

Paramètres d’en-tête

Utilisez les Paramètres d’en-tête partagés pour présenter la page des collections avec une icône, une légende, un titre, un texte d’accompagnement et un bouton facultatifs. Dans cette section, une introduction courte et claire fonctionne généralement le mieux, car les clients souhaitent souvent commencer à parcourir rapidement.

Le bouton facultatif est surtout utile comme action secondaire, par exemple pour renvoyer vers une campagne saisonnière ou un guide d’achat. Si vous utilisez un bouton avec icône uniquement, assurez-vous que l’icône communique clairement l’action, surtout sur mobile.

Paramètres de carte

Utilisez les Paramètres de carte partagés pour contrôler l’apparence de chaque collection dans la liste. Dans cette section, le style de carte, le ratio d’image, la visibilité du texte, l’alignement et le traitement du bouton de carte font l’essentiel du travail pour définir la rapidité avec laquelle les clients peuvent parcourir la page.

Les cartes de style banner créent un rendu davantage centré sur l’image, tandis que les styles plus simples avec espacement ou sans image sont souvent meilleurs lorsque l’imagerie des collections est incohérente. Un ratio d’image fixe rend généralement la grille plus organisée, mais peut recadrer les images d’une manière qui masque des points focaux importants.

Astuce

Si la page semble trop chargée, simplifiez d’abord les cartes. Réduire le texte des cartes ou masquer les boutons de carte améliore souvent plus vite la lisibilité du parcours visuel que de modifier l’espacement ou la largeur.

Paramètres d’espacement

Utilisez les Paramètres d’espacement partagés pour contrôler l’espace au-dessus et au-dessous de la section. Sur une page de collections, l’espacement aide à séparer l’introduction du contenu voisin sans donner à la grille une sensation d’isolement.

Paramètres d’arrière-plan de section

Utilisez les Paramètres d’arrière-plan de section partagés pour ajouter une couleur, un dégradé, une image ou une vidéo derrière la section. Cela peut créer un cadre de marque plus fort pour la page des collections, en particulier lorsque la mise en page environnante est par ailleurs minimale.

Les arrière-plans demandent un soin particulier dans les grilles de collections riches en images. Si les cartes reposent déjà sur des visuels forts, gardez l’arrière-plan de section discret afin que la page ne paraisse pas surchargée.

Paramètres de séparateur

Utilisez les Paramètres de séparateur partagés pour ajouter une ligne au-dessus ou au-dessous de la section. Ils fonctionnent bien lorsque vous souhaitez une limite visuelle plus nette sans compter uniquement sur un espacement supplémentaire.

Paramètres de largeur

Utilisez les Paramètres de largeur partagés pour contrôler la largeur du contenu et la largeur externe de la section. Des paramètres plus larges peuvent rendre les grandes grilles de collections plus efficaces à parcourir, tandis que des paramètres plus étroits peuvent rendre la page plus soignée et plus facile à lire lorsque vous utilisez une introduction plus marquée.

Les choix de largeur deviennent plus visibles lorsque vous utilisez aussi un arrière-plan, une image ou une vidéo. Cela vaut la peine de prévisualiser ces changements dans l’affichage réel de la page, car le cadrage de l’éditeur peut rendre les différences de largeur plus difficiles à évaluer avec précision.

Notes d’utilisation

1. Gardez un contenu de collection cohérent. Cette section est plus réussie lorsque les titres, images et descriptions de collection suivent un niveau de qualité et un style similaires.
2. Choisissez les styles de carte selon la force des images. Utilisez les mises en page banner ou centrées sur l’image uniquement lorsque les visuels de vos collections sont clairs, reconnaissables et recadrés de manière cohérente.
3. Gardez l’introduction brève. Un titre concis et un court texte d’accompagnement aident généralement davantage les clients qu’une longue explication sur une page pensée d’abord pour la navigation.
4. Vérifiez soigneusement la mise en page mobile. Examinez l’emplacement des boutons, les ratios d’image et la longueur du texte sur les petits écrans afin que la grille de collections reste facile à parcourir.
5. Testez le contraste avec du contenu réel. Lorsque vous utilisez des superpositions, des couleurs de carte personnalisées ou des arrière-plans de section, confirmez que le texte reste lisible sur différentes images de collection.
6. Comparez les deux tailles d’écran. Les contrôles desktop et mobile peuvent se comporter différemment, donc prévisualisez chaque taille d’écran avant de publier.
7. Utilisez les remplacements explicites avec intention. Les valeurs vides ou au style par défaut conservent généralement le style de repli, tandis que des couleurs personnalisées, des dégradés ou des choix de médias séparés rendent cette section plus indépendante du reste de la page.