Catalogue de produits
L'élément Catalogue de produits affiche une grille de produits issus de votre catalogue e-commerce. Chaque carte présente l'image, le nom et le prix du produit, et mène à sa fiche complète au clic. Contrairement à l'élément Produit en vente, qui met en avant un article choisi à la main, la grille se remplit automatiquement à partir des filtres de la rubrique Recherche.
Recherche
La rubrique Recherche détermine quels produits apparaissent dans la grille :
- Catégorie : limite les produits affichés à une catégorie ou sous-catégorie de votre boutique. Le sélecteur liste vos catégories avec leur chemin complet (par exemple « Boutique > Femme > Robes »). Laissez le champ vide pour puiser dans tout le catalogue.
- Requête de recherche : filtre les produits par une recherche textuelle, comme le ferait un visiteur dans la barre de recherche. Laissez vide pour tout afficher.
- Tri : l'ordre des produits dans la grille. Quatre options : Tri par défaut, Date de mise à jour (récent), Date de création (récent) et Ordre manuel, qui reprend l'ordre défini via Réorganiser dans la Liste des produits.
Grille
- Nombre de produits : le nombre maximum de produits affichés, de 1 à 100.
- Colonnes : le nombre de produits par ligne, de 1 à 6. Réglez-le séparément pour l'ordinateur et le mobile ; sans réglage, la grille affiche 4 colonnes sur ordinateur et 2 sur mobile.
- Espacement horizontal : l'écart entre les colonnes, en pixels.
- Espacement vertical : l'écart entre les lignes, en pixels.
Style des produits
La rubrique Style des produits ajuste l'apparence des cartes, appliquée à tous les produits de la grille :
- Ratio de l'image : force un ratio fixe pour les images des produits (1/1, 5/4, 7/5, 3/2 ou 16/9). Les images sont alors recadrées pour remplir leur cadre, ce qui garantit une grille régulière même si vos photos ont des dimensions différentes. Désactivée, chaque image s'affiche en entier dans un cadre carré.
- Arrondis prédéfinis : l'arrondi des angles des visuels produits, d'Aucun à Plein, avec les mêmes réglages que la rubrique Bord arrondi : un arrondi global au curseur, ou un arrondi différent par coin via Modifier chaque coin.
Style
Le panneau de style regroupe le style du texte (noms et prix des produits), l'arrière-plan, les bordures, l'arrondi des angles, l'ombre, les marges intérieures, l'alignement vertical, la visibilité et les transitions.