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.

Envie d'une mise en page de collection sur mesure ? Décrivez-la à Fudge.

Try Fudge for Free

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 en matière de 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/portefeuilles-cuir-hommes et 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