Points clés
- La personnalisation de la page de collection se fait dans l’éditeur de thème — accédez à 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 récents.
- Pour une mise en page vraiment unique sur une collection spécifique, créez un modèle de collection sur mesure.
Vos pages de collection sont souvent celles qui attirent le plus de trafic sur votre boutique. Une page de collection bien conçue permet aux clients de naviguer, de filtrer et de trouver ce qu’ils cherchent facilement — 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 aidé des centaines de marchands à optimiser leurs pages de collection, et nous avons créé Fudge — un éditeur de vitrine IA noté 4.8 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 "Collection par défaut" (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 que là où ce modèle est assigné. Allez dans Produits → Collections → "Modèle thématique" pour voir quel modèle chaque collection utilise.
Oui, via l'application Search & Discovery (gratuite sur 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 globalement (prix, disponibilité) tandis que d'autres peuvent être restreints au contexte spécifique d'une collection.
Pour les collections principales/catégories, oui (100 à 300 mots pour le SEO et l'expérience d'achat). Pour les petites collections (par ex. "Ajouts récents", "Bientôt disponible"), une courte description ou aucune suffit. Rédiger de longues descriptions sur chaque collection dilue vos efforts et crée du contenu dupliqué (duplicate content) si les descriptions se ressemblent trop.
Les images de bannière ajoutées aux collections sont généralement au format paysage — elles sont souvent mal recadrées sur les écrans mobiles au format portrait. Trois options : (1) ajouter une image spécifique pour le mobile (certains thèmes le permettent dans les paramètres de la section), (2) ajuster la propriété object-position de la section bannière pour que le point central reste visible en mode portrait, ou (3) masquer complètement la bannière sur mobile via CSS.
Oui, via Shopify Markets (catalogues différents par marché) ou via 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 avec le tag 'wholesale-only' aux clients normaux, les montrer aux clients grossistes connectés") et il modifiera le code Liquid du modèle de la collection pour un affichage conditionnel par client. Alternatives : une application de personnalisation, ou modifier le code Liquid vous-même à la main.
Article connexe : Modifier les méta-descriptions sur Shopify.
Article connexe : Ajouter un bouton sur Shopify.
Article connexe : Ajouter un texte alternatif (Alt Text) aux images sur Shopify.
Article connexe : Ajouter des CTA sur une page de collection Shopify.