La section Produits en vedette affiche une grille ou un carrousel de vos produits. Elle les choisit pour vous, par exemple vos meilleures ventes ou vos produits les plus récents.
Ajouter la section
- Ouvrez le constructeur et choisissez Page d'accueil dans l'onglet Pages.
- Dans l'onglet Sections, cliquez sur Ajouter une nouvelle section et choisissez Produits en vedette dans le groupe Produits.
- Choisissez les produits à afficher, puis cliquez sur Publier.
Elle n'est proposée que sur la page d'accueil, jusqu'à 2 par page. Par exemple, une pour les meilleures ventes et une pour les produits en promotion.
Quels produits s'affichent
Mode source choisit et trie les produits :
- Les plus récents : les derniers produits ajoutés apparaissent en premier.
- Les plus anciens : les premiers produits ajoutés apparaissent en premier.
- Meilleures ventes : les produits avec le plus d'unités vendues. Les commandes abandonnées ne comptent pas.
- Remisé : uniquement les produits avec une remise encore en cours. Voir Comment définir les prix des produits, les remises et les prix par marché ?
- Les mieux notés : uniquement les produits avec au moins un avis publié, la meilleure note moyenne en premier.
Filtre de collection limite la liste à une collection, ou à Tous. Seuls les produits publiés et non masqués peuvent s'afficher.
Disposition
- Largeur de la section : Page ou Complet.
- Disposition : Grille ou Carrousel (une rangée que les clients font défiler ou glisser).
- Colonnes : nombre de cartes par ligne sur ordinateur, ou nombre de cartes visibles dans un carrousel.
- Nombre de produits : 4, 6, 8, 10 ou 12 produits.
- Bouton « Afficher plus » (grille uniquement) : ajoute sous la grille un bouton qui charge d'autres produits. Chaque clic charge à nouveau le Nombre de produits, et le bouton n'apparaît que s'il reste des produits à charger.
- Colonnes sur mobile (1 ou 2) et Carrousel sur mobile, qui transforme la grille en carrousel sur téléphone (grille uniquement).
- Icônes de navigation et Arrière-plan de l'icône : les flèches d'un carrousel. Elles n'apparaissent que s'il y a quelque chose à faire défiler.
- Schéma de couleurs, Espacement entre les cartes, Marge intérieure et un onglet CSS personnalisé.
Titre et cartes produit
Cliquez sur Ajouter un nouveau bloc pour placer un titre au-dessus ou en dessous des produits : jusqu'à 2 blocs Texte, 1 Séparateur et 1 Groupe. Le bloc Carte produit est toujours présent et définit l'aspect de chaque produit (image, titre, prix, note, bouton d'achat). Voir Comment modifier l'apparence des cartes produit et des cartes de collection ?
Recettes
- Meilleures ventes d'une collection : Mode source Meilleures ventes, Filtre de collection réglé sur cette collection.
- Section promotions : Mode source Remisé, et réglez le badge d'économie du Prix de la carte sur un pourcentage.
- Longue liste de produits : disposition Grille avec le Bouton « Afficher plus » activé, pour que les clients en chargent davantage quand ils le souhaitent.
Bon à savoir
- Quand aucun produit ne correspond, les clients voient un message « Aucun produit pour le moment ». Vérifiez que vos produits sont publiés et qu'ils ont une remise (Remisé) ou un avis (Les mieux notés).
- Bouton « Afficher plus », Colonnes sur mobile et Carrousel sur mobile sont masqués quand Disposition est sur Carrousel.
- Pour afficher les produits d'une collection sur la page de la collection elle-même, voir Section Produits de la collection.