La Page de collection s'ouvre quand un client clique sur une collection. Sa section principale, Produits de la collection, affiche les produits de cette collection sous forme de grille de cartes. Elle est obligatoire sur cette page.
Où la trouver
- Ouvrez le constructeur et choisissez Page de collection dans l'onglet Pages.
- Choisissez une collection pour l'aperçu. Cela ne change que l'aperçu : un seul design est utilisé pour toutes vos collections.
- Cliquez sur Produits de la collection.
Réglages de la section
- Largeur de la section : Page ou Complet.
- Colonnes : de 1 à 8 cartes par ligne sur ordinateur.
- Colonnes sur mobile : 1 ou 2 cartes par ligne sur téléphone.
- Schéma de couleurs, Espacement entre les cartes, marge intérieure et CSS personnalisé.
Blocs
- Carte produit : l'aspect de chaque produit. Elle est obligatoire et ne peut pas aller dans un groupe. Voir Cartes produit et cartes de collection.
- Texte (jusqu'à 2), Séparateur (1) et Groupe (1) : placez-les au-dessus ou en dessous de la grille.
Afficher le nom et la description de la collection
Comme un seul design sert à toutes les collections, les blocs Texte de cette section peuvent afficher des valeurs réelles. Tapez-les dans le texte :
{{collection_name}}: le nom de la collection consultée.{{collection_description}}: sa description.{{products_count}}: le nombre de produits qu'elle contient.
Une nouvelle page de collection commence par un titre qui affiche {{collection_name}}. Par exemple, écrivez « {{collection_name}} : {{products_count}} produits ». Le nom et la description viennent de la collection elle-même, voir Comment organiser les produits en collections ?
Comment les produits sont listés
- Les produits les plus récents de la collection apparaissent en premier.
- Les premiers produits se chargent avec la page, et un bouton afficher plus sous la grille charge les suivants.
- Les produits masqués sont exclus.
Tâches courantes
- Afficher la description sous le titre : ajoutez un deuxième bloc Texte avec
{{collection_description}}et faites-le glisser sous le titre. - Des cartes plus grandes sur ordinateur : réduisez Colonnes, par exemple de 4 à 3.
Autres sections pour cette page
Ajoutez Sous-collections pour afficher les collections enfants de celle qui est consultée, par exemple « Chemises » et « Pantalons » dans « Homme ». Voir Section Sous-collections. Vous pouvez aussi ajouter toute section autorisée sur toutes les pages, comme une bannière image ou une FAQ.
La page qui liste toutes vos collections à l'adresse example.com/collections est une autre page, la Page des collections. Voir Quelles pages de la boutique pouvez-vous modifier dans le constructeur ?
Dépannage
- Une variable s'affiche en texte brut : vérifiez l'orthographe et les doubles accolades. Les variables ne fonctionnent que dans les blocs Texte de cette section.
- Un produit manque : vérifiez qu'il est publié, non masqué et ajouté à cette collection.
- Toutes les collections affichent le même titre : vous avez tapé un nom dans le titre. Remplacez-le par
{{collection_name}}.