Ce qu’il faut retenir
- La personnalisation de la page de collection se fait dans l’éditeur de thème (Theme Editor) — naviguez vers n’importe quelle page de collection pour modifier sa mise en page.
- Vous pouvez ajouter une bannière, une description et des sections de contenu supplémentaires au-dessus et en dessous de la grille de produits.
- Les filtres, le tri et le nombre de colonnes de la grille sont tous ajustables dans l’éditeur de thème sur la plupart des thèmes modernes.
- Pour une mise en page totalement unique sur une collection spécifique, créez un modèle de collection personnalisé.
Vos pages de collection sont souvent celles qui génèrent le plus de trafic sur votre boutique. Une page de collection bien conçue permet aux clients de facilement naviguer, filtrer et trouver ce qu’ils veulent, ce qui impacte directement votre taux de conversion.
Pourquoi vous pouvez nous faire confiance
Jacques a plus de 15 ans d’expérience en développement Shopify. Nous avons travaillé avec des centaines de marchands sur l’optimisation des pages de collection, et nous avons créé Fudge — un éditeur de vitrine IA avec une note de 5,0 sur le Shopify App Store.
Comment accéder aux paramètres des pages de collection dans Shopify
Étape 1. Allez dans Boutique en ligne → Thèmes → Personnaliser.
Étape 2. En haut de l’éditeur, cliquez sur le sélecteur de type de page et choisissez Collections → Collection par défaut (ou accédez à l’URL d’une collection spécifique pendant que l’éditeur est ouvert).
Étape 3. La barre latérale gauche affiche les sections et les paramètres de votre modèle de collection.
Ce que vous pouvez personnaliser sur une page de collection Shopify
En-tête de la collection
La plupart des thèmes affichent le titre de la collection et, en option, une image et une description en haut de la page. Dans l’Éditeur de thème, cliquez sur la section d’en-tête de la collection pour modifier :
- Image de la bannière — définissez une image principale pour cette collection
- Description — la description de la collection que vous avez saisie dans l’interface d’administration s’affiche ici
- Superposition de texte — certains thèmes vous permettent de contrôler la position du titre et la couleur du texte sur l’image
Paramètres de la grille de produits
Cliquez sur la section Grille de produits ou Collection principale pour ajuster :
- Produits par rangée — généralement 2 à 4 sur ordinateur
- Ratio de l’image — carré, portrait ou paysage (gardez une cohérence avec le format de vos photos de produits)
- Afficher/masquer — boutons d’ajout rapide, badges de produits, nom du fournisseur, prix promotionnel
Filtres et tri
Sous les paramètres de Filtre et tri, activez / désactivez :
Article connexe : Ajouter des options de tri à une page de collection Shopify.
- Afficher le tri — permet aux clients de trier par prix, meilleures ventes, nouveautés, etc.
- Afficher les filtres — filtrage à facettes par tag, fourchette de prix, disponibilité
- Mise en page des filtres — barre horizontale ou barre latérale verticale
Comment ajouter une bannière à une page de collection Shopify
Option 1 — Utiliser l’image de la collection. Définissez une image de collection dans Produits → Collections → votre collection → Image de la collection. La plupart des thèmes l’affichent automatiquement comme bannière.
Option 2 — Section de l’Éditeur de thème. Certains thèmes ont une section dédiée “Bannière de collection” que vous pouvez personnaliser pour chaque collection.
Option 3 — Section d’en-tête personnalisée. Si votre thème ne prend pas en charge les bannières spécifiques à la collection de manière native, un développeur ou Fudge peut ajouter une section qui récupère l’image de la collection ou un champ méta spécifique.
Comment ajouter du texte personnalisé à une page de collection Shopify
La description de la collection (saisie dans Produits → Collections → votre collection) s’affiche sur la page. C’est le moyen le plus simple d’ajouter un texte unique à une collection.
Pour un contenu plus riche (paragraphes, encarts stylisés ou sections sous la grille de produits), ajoutez des sections de contenu via l’Éditeur de thème. La plupart des thèmes vous permettent d’ajouter du texte enrichi, des blocs image avec texte ou des blocs de fonctionnalités sous la grille de produits.
Comment créer une mise en page personnalisée pour une collection spécifique
Par défaut, toutes les collections partagent le même modèle. Pour donner à une collection une mise en page unique :
Étape 1. Dans l’Éditeur de thème, accédez à une page de collection.
Étape 2. En haut de l’éditeur, cliquez sur le nom du modèle → Créer un modèle → Collection.
Étape 3. Donnez-lui un nom (par exemple, soldes ou en-vedette).
Étape 4. Personnalisez la mise en page : réorganisez les sections, ajoutez-en de nouvelles, supprimez celles dont vous n’avez pas besoin.
Étape 5. Attribuez le modèle à votre collection. Allez dans Produits → Collections → votre collection → faites défiler jusqu’à Modèle de thème → sélectionnez votre nouveau modèle.
Cette collection a désormais une mise en page unique. Toutes les autres conservent le modèle par défaut.
Comment ajouter des filtres à une page de collection Shopify
Les filtres dans Shopify sont gérés par Search & Discovery — l’application gratuite de Shopify pour le filtrage à facettes.
Étape 1. Installez Search & Discovery depuis le Shopify App Store (c’est gratuit).
Étape 2. Dans l’application, allez dans Filtres et ajoutez des options de filtrage : par type de produit, fournisseur, prix, disponibilité, ou n’importe quel tag ou champ méta.
Étape 3. Dans l’Éditeur de thème, activez l’affichage des filtres dans les paramètres de filtre et de tri de votre collection.
Les filtres ne fonctionnent que si vos produits ont des tags cohérents. Un produit avec le tag “bleu” n’apparaîtra pas dans un filtre de couleur si d’autres utilisent “bleu marine” : la cohérence des tags est primordiale.
Conseils SEO pour les pages de collection
Les pages de collection sont des mines d’or pour le SEO si elles sont bien configurées :
- Utilisez des titres riches en mots-clés — « Portefeuilles en cuir pour hommes » plutôt que « Accessoires »
- Rédigez une vraie description de collection — 100 à 200 mots ciblant le terme de recherche de la catégorie
- Personnalisez l’URL —
/collections/mens-leather-walletset non/collections/ac-12 - Maillage interne — créez des liens vers les pages de collection depuis vos articles de blog et d’autres descriptions de collection
FAQ
Si vous avez personnalisé le modèle "Default collection", les modifications s'appliquent à toutes les collections utilisant ce modèle. Si vous avez personnalisé le modèle d'une collection spécifique (par ex., collection.sale), les modifications ne s'appliquent qu'aux endroits où ce modèle est assigné. Vérifiez dans Produits → Collections → "Modèle de thème" pour voir quel modèle utilise chaque collection.
Oui, via Search & Discovery (l'application gratuite de Shopify). Les règles de filtrage peuvent être définies par collection — ajoutez un filtre "taille" pour les Vêtements et un filtre "puissance" pour l'Électronique. Certains filtres s'appliquent à l'échelle globale (prix, disponibilité) tandis que d'autres peuvent être limités à des contextes de collection spécifiques.
Pour les collections principales ou de catégorie, oui (100 à 300 mots pour le SEO et le contexte pour les acheteurs). Pour les collections mineures (par ex., "Récemment ajoutés", "Bientôt disponible"), une courte description ou pas de description du tout suffit. Rédiger de longues descriptions sur chaque collection dilue vos efforts et crée du contenu presque dupliqué si les descriptions se ressemblent beaucoup.
Les images de bannière téléchargées pour les collections sont souvent au format paysage — elles se recadrent mal sur les écrans mobiles en mode portrait. Trois options : (1) télécharger une image mobile distincte (certains thèmes le permettent dans les paramètres de la section), (2) ajuster l'object-position de la section bannière pour que le point central reste visible sur les recadrages en portrait, ou (3) masquer complètement la bannière sur mobile via CSS.
Oui, via Shopify Markets (différents catalogues par marché) ou avec une logique basée sur les tags des clients. Pour restreindre l'accès par tag, décrivez ce que vous souhaitez à Fudge ("masquer les produits tagués 'wholesale-only' aux clients standards, les afficher aux clients pros connectés") et l'outil modifie automatiquement le Liquid du modèle de collection pour un affichage conditionnel. Alternatives : une application de personnalisation, ou éditer manuellement le code Liquid vous-même.
À lire aussi : Modifier les méta-descriptions sur Shopify.
À lire aussi : Ajouter un bouton sur Shopify.
À lire aussi : Ajouter du texte alternatif aux images sur Shopify.
À lire aussi : Ajouter des CTA à une page de collection Shopify.