Comment personnaliser une page de collection dans Shopify (2026)

Points clés à retenir

• La personnalisation des pages 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 modifiables 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 les pages les plus visitées de votre boutique. Une page de collection bien conçue permet aux clients de naviguer, filtrer et trouver facilement ce qu’ils cherchent, ce qui impacte directement le 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-wallets et 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

Pourquoi les modifications de ma page de collection ne s’appliquent-elles pas à toutes les collections ?

Si vous avez personnalisé le modèle « Collection par défaut », 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 chaque collection utilise.

Puis-je avoir des filtres différents par collection sur Shopify ?

Oui, via Search & Discovery (l’application gratuite de Shopify). Des 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 à des contextes de collection spécifiques.

Dois-je rédiger une longue description pour chaque page de collection ?

Pour les collections de premier niveau/catégories, oui (100 à 300 mots pour le SEO et l’information client). Pour les collections mineures (par ex. « Ajouts récents », « Bientôt disponible »), une description courte ou l’absence de description est suffisante. De longues descriptions sur chaque collection diluent vos efforts et créent du contenu presque dupliqué si les descriptions semblent stéréotypées.

Pourquoi ma bannière de collection ne s’affiche-t-elle pas correctement sur mobile ?

Les images de bannières téléchargées pour les collections sont généralement au format paysage — elles se recadrent de façon inesthétique sur les écrans mobiles en mode portrait. Trois options s’offrent à vous : (1) téléchargez une image distincte pour mobile (certains thèmes le permettent dans les paramètres de la section), (2) ajustez la propriété object-position de la section bannière pour que le point focal reste visible lors du recadrage vertical, ou (3) masquez entièrement la bannière sur mobile via CSS.

Puis-je montrer différents produits à différents clients sur une page de collection ?

Oui, via Shopify Markets (différents catalogues par marché) ou avec une logique basée sur les tags clients. Pour une restriction basée sur les tags, décrivez ce que vous souhaitez à Fudge (« masquer les produits tagués ‘wholesale-only’ aux clients réguliers, et les afficher aux clients grossistes connectés ») et il modifiera le code Liquid du modèle de collection pour un affichage conditionnel par client. Alternatives : une application de personnalisation, ou modifier le code Liquid vous-même.

Article connexe : Modifier les méta-descriptions sur Shopify.

Article connexe : Ajouter un bouton sur Shopify.

Article connexe : Ajouter un texte alternatif aux images sur Shopify.

Article connexe : Ajouter des CTA à une page de collection Shopify.