Grille de produit

Cet article vous explique comment personnaliser et afficher une liste de produits par catégorie dans une vue en grille sur votre page de collection.
Etapes :
Dans l'éditeur de thème ( Personnaliser ), ouvrez le sélecteur de modèle.
Sélectionnez Collections , puis Collection par défaut.
Dans la barre latérale gauche, repérez la grille des produits
Apportez les modifications nécessaires > Enregistrez.
Généralités et agencement
Définissez le nombre de produits par page (8 à 36 produits) et le nombre de colonnes sur ordinateur (1 à 6 produits).

Fournir à la grille de produits une mise en page attrayante et appropriée :
Standard
Mélange de grilles



De plus, vous pouvez également activer la pagination de 3 manières :



Filtrage et tri
Permettez à vos clients de filtrer les collections et les résultats de recherche par disponibilité des produits, prix, couleur, et plus encore.

Cette section vous permet d' activer le filtrage de la collection. Vous pouvez personnaliser les filtres avec l' application Recherche et découverte

Vous pouvez également activer le tri de la collection. La collection peut être triée par :
En vedette
Meilleures ventes
Par ordre alphabétique, AZ
Par ordre alphabétique, ZA
Prix, du plus bas au plus élevé
Prix, du plus élevé au plus bas
Date, de l'ancien au nouveau
Date, du plus récent au plus ancien

Il existe 2 types de dispositions de filtre pour ordinateur : verticale et tiroir (disposition mobile par défaut).




Si vous souhaitez que le filtre de couleur s'affiche sous forme d'échantillons de couleurs plutôt que d'échantillons de texte, il vous suffit d' activer l'option « Échantillons de couleurs » pour les filtres.

Pour que les groupes de filtres s'ouvrent/se développent automatiquement lors de l'accès à la page de collection, saisissez le nom du groupe de filtres dans le champ « Développer les groupes de filtres » . Séparez chaque groupe de filtres par une virgule. Exemple : Prix, Couleur, Taille

Comment personnaliser les filtres
Accéder à la boutique en ligne > Navigation
Cliquez sur Ajouter et installez l' application Shopify Search & Discovery pour votre boutique.

Accédez à Applications > Recherche et découverte > Filtres > Modifier les filtres

Ajouter ou supprimer des filtres à afficher/masquer dans les filtres de la boutique > Enregistrer les paramètres.
Dans l'éditeur de thème ( Personnaliser ), ouvrez le sélecteur de modèle > Sélectionner les collections > Collection par défaut.
Dans la barre latérale gauche, repérez la liste des produits > cochez la case Activer le filtrage
Sauvegarder
Mise en page mobile
Sur mobile, vous pouvez ajuster le nombre de colonnes à 1 ou 2 colonnes.

Last updated