Pages de collection

Les collections sont des pages que vous créez pour grouper des produits spécifiques par catégories. Vous pouvez avoir des collections automatisées et des collections manuelles.

Par défaut, les pages de collection ont une section Bannière de collection et une section Grille de produit dans l’éditeur de thème.

Paramètres de la section de la bannière de collection

La section Bannière de collection affiche la description et l’image vedette de la collection consultée.

Les paramètres de la section Bannière de collection sur les pages de collection
ParamètreDescription
Afficher la description de la collectionAffiche la description de la collection.
Afficher l'image de la collectionAffiche l’image de la collection.
Nuancier de couleursEnsemble des couleurs que vous pouvez appliquer à cette section. En savoir plus sur les nuanciers de couleurs.

Paramètres de la section de la grille de produits

La section Grille de produit affiche les produits inclus à la collection consultée.

Les paramètres de la section Grille de produit sur les pages de collection
ParamètreDescription
Produits par pageLe nombre de produits que vous souhaitez afficher sur chaque page. Choisissez parmi des multiples de 4, entre 8 et 36.
Nombre de colonnes sur ordinateurDéfinit le nombre de colonnes sur lesquelles les produits doivent s’afficher sur les ordinateurs de bureau. Choisir un nombre entre 1 et 6.
Nuancier de couleursEnsemble des couleurs que vous pouvez appliquer à cette section. En savoir plus sur les nuanciers de couleurs.
Rapport d'imageDéfinit le rapport d’image pour les images vedettes des produits qui sont affichés dans la grille des produits. Sélectionnez les options de votre choix :
  • Adapter à l'image – utilise le rapport d'aspect des images. Cette action empêche leur recadrage.
  • Portrait - Recadre les images à un rapport de 2:3.
  • Carré - Recadre les images à un rapport de 1:1.
Forme d’imageChoisissez l’une des formes d’image suivantes pour vos images de produits :
  • Forme par défaut : adopte une forme rectangulaire pour votre image de produit.
  • Arche : courbe le haut de votre image de produit.
  • Indistincte : arrondit votre image de produit et lui attribue aléatoirement l’une des six formes indistinctes disponibles. Chacune de ces formes s’anime différemment des autres lorsque vous la survolez avec la souris.
  • Chevron gauche : donne à votre image de produit la forme d’un chevron dont le coude marque un angle prononcé à gauche.
  • Chevron droite : donne à votre image de produit la forme d’un chevron dont le coude marque un angle prononcé à droite.
  • Losange : donne à votre image de produit la forme d’un losange à quatre côtés.
  • Parallélogramme : donne à votre image de produit une forme dotée de deux paires de lignes parallèles.
  • Cercle : arrondit votre image de produit sous la forme d’un cercle ou d’un ovale qui s’anime lorsque vous le survolez avec la souris.
Afficher la deuxième image en survolLorsqu’un(e) client(e) survole les images de produits avec son curseur sur un ordinateur de bureau, cette option permet d’afficher la deuxième image de produit (s’il en existe une).
Afficher le fournisseurAffiche le fournisseur de chaque produit.
Afficher la note du produitAffiche l’évaluation moyenne des produits sous la forme d’étoiles, avec le nombre d’avis entre parenthèses, par exemple : ★★★★★ (8). Requiert aussi une application d’avis sur le produit et des définitions de champs méta pour reviews.rating_count et reviews.rating.
Ajout rapideSi vous activez l’option Ajout rapide, vos clients peuvent ajouter un article à leur panier depuis la carte de produit. Sélectionnez les options de votre choix :
  • Aucune : aucune fonctionnalité d’ajout rapide ne s’affiche.
  • Standard : affiche l’un des boutons d’ajout rapide suivants sur les cartes de produit.
    • Ajouter au panier : pour les produits monovariants. Lorsqu’un(e) client(e) clique sur le bouton, le produit est automatiquement appliqué à son panier.
    • Choisir des options : pour les produits avec des variantes. Lorsqu’un(e) client(e) clique sur le bouton, une boîte de dialogue contextuelle s’affiche afin qu’il/elle choisisse sa variante et poursuive son achat.
  • En bloc : affiche la fonctionnalité Liste de commande rapide.
Activer le filtrageSélectionnez cette option si vous souhaitez que vos clients aient des options de filtrage de la grille de produit.
Mise en page des filtres sur ordinateurDéfinit la façon dont s’affichent vos filtres sur les ordinateurs de bureau. Choisissez entre une mise en page horizontale, verticale ou tiroir.
Activer le triSélectionnez cette option si vous souhaitez que vos clients puissent trier l’ordre d’affichage des produits.
Nombre de colonnes sur mobileDéfinit le nombre de colonnes sur lesquelles les produits doivent s’afficher sur les appareils mobiles. Choisir 1 colonne ou 2 colonnes.
Marge supérieureDéfinit l’espace en haut de la section.
Marge inférieureDéfinit l’espace en bas de la section.

Outre les paramètres de la section des Grille de produit, vous pouvez aussi afficher et personnaliser certains des Paramètres de thème pour cartes de produits, et vous pouvez ajouter votre propre code CSS personnalisé spécifique à la section.

Vous ne trouvez pas les réponses que vous recherchez ? Nous sommes là pour vous aider.