À retenir
- La personnalisation des pages de collection se fait dans l’éditeur de thème (Theme Editor) — 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 récents.
- Pour une mise en page totalement unique sur une collection spécifique, créez un modèle de collection (template) personnalisé.
Pour personnaliser une page de collection dans Shopify, ouvrez Boutique en ligne → Thèmes → Personnaliser, passez sur une page de collection, puis modifiez l’en-tête de la collection, la grille de produits et les paramètres de filtrage. Pour modifier une seule collection, attribuez-lui son propre modèle.
Pourquoi vous pouvez nous faire confiance
Jacques a plus de 15 ans d’expérience en développement. Nous avons travaillé avec des centaines de marchands sur l’optimisation des pages de collection, et nous développons Fudge, l’opérateur IA pour les boutiques Shopify, noté 4.9 sur le Shopify App Store. La mise en page des collections fait partie des modifications que son éditeur de boutique peut apporter à un thème.
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
Dans les paramètres Filtre et tri (Filter and sort), activez ou désactivez :
- Afficher le tri (Show sort) — permet aux clients de trier par prix, meilleures ventes, nouveautés, etc.
- Afficher les filtres (Show filters) — filtrage à facettes par tag, tranche de prix, disponibilité
- Disposition des filtres (Filter layout) — barre horizontale vs barre latérale verticale
Pour plus d’options de tri, consultez comment ajouter des options de tri à une page de collection Shopify.
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 (Filters) et ajoutez des options de filtrage — par type de produit, fournisseur, prix, disponibilité, ou n’importe quel tag ou champ méta (metafield).
É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 les données des produits sont cohérentes. Créez des filtres de couleur et de taille à partir des options de variantes ou des champs métas plutôt que des tags, et utilisez une seule valeur par couleur.
Conseils SEO pour les pages de collection
Les pages de collection peuvent se positionner sur les recherches de catégories :
- 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/portefeuilles-cuir-hommeset non/collections/ac-12 - Maillage interne — faites des liens vers les pages de collection depuis vos articles de blog et d’autres descriptions de collection
Pour ajouter des boutons sur la page elle-même, voir comment ajouter des CTA à une page de collection Shopify.
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" (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 est utilisé par chaque collection.
Puis-je avoir des filtres différents par collection dans Shopify ?
Pas directement. Les filtres de Search & Discovery sont définis à l'échelle de la boutique, mais chaque collection n'affiche que les valeurs de filtre de ses propres produits. Ainsi, un filtre de puissance n'apparaîtra pas sur une collection de vêtements qui ne contient aucune donnée de puissance.
Dois-je rédiger une longue description pour chaque page de collection ?
Pour les collections principales/catégories, oui (100 à 300 mots pour le SEO et le contexte du client). Pour les petites collections (par ex., "Récemment ajoutés", "Bientôt disponible"), une description courte ou aucune description fera l'affaire. Rédiger de longues descriptions pour chaque collection dilue l'effort et crée du contenu quasi-dupliqué si les descriptions semblent formatées.
Pourquoi ma bannière de collection ne s'affiche-t-elle pas correctement sur mobile ?
Les images de bannière uploadées pour les collections sont généralement au format paysage — elles sont souvent mal recadrées sur les écrans mobiles en mode portrait. Trois options : (1) uploadez une image spécifique pour mobile (certains thèmes le permettent dans les paramètres de la section), (2) ajustez la propriété object-position de la bannière pour que le point focal reste visible sur les recadrages en portrait, ou (3) masquez complètement 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 restreindre l'accès par tag, décrivez ce que vous voulez à Fudge ("masquer les produits tagués 'wholesale-only' pour les clients normaux, les montrer aux clients pros 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 manuellement le Liquid vous-même.
