La section Produits associés affiche d'autres produits de votre boutique sous le produit, en grille ou en carrousel. Elle aide les clients à trouver d'autres articles à acheter sans quitter la page.
Ajouter la section
Dans le constructeur, ouvrez la Page produit ou la Page de destination, cliquez sur Ajouter une nouvelle section et choisissez Produits associés dans le groupe des produits. Vous pouvez en ajouter une par page.
Choisir les produits affichés
Réglez Mode source dans le groupe Source :
- Les plus récents ou Les plus anciens : selon la date de création des produits.
- Meilleures ventes : les produits les plus vendus en premier.
- Remisé : uniquement les produits en promotion en ce moment.
- Les mieux notés : la meilleure note moyenne en premier. Les produits sans avis sont exclus.
- Même collection : uniquement les produits qui partagent au moins une collection publiée avec le produit consulté, les plus récents en premier. Idéal quand vos collections regroupent des articles similaires.
- Choisis par produit : vous choisissez les produits exacts pour chaque produit, dans l'ordre de votre choix. Ouvrez chaque produit dans l'éditeur de produits et utilisez sa partie Produits associés. Un produit sans sélection affiche un message vide.
Le produit consulté n'apparaît jamais dans sa propre liste. Les produits masqués sont aussi exclus.
Réglages de disposition
- Largeur de la section : Page ou Complet.
- Disposition : Grille ou Carrousel.
- Colonnes : de 1 à 8 cartes par ligne sur ordinateur (ou cartes visibles dans un carrousel).
- Colonnes sur mobile : 1 ou 2. Carrousel sur mobile transforme la grille en rangée à faire glisser sur téléphone.
- Nombre de produits : 4, 6, 8, 10 ou 12.
- Navigation : pour les carrousels, Icônes de navigation (Flèches, Chevrons, Aucune) et Arrière-plan de l'icône (Aucun, Cercle, Carré).
- Schéma de couleurs, Espacement entre les cartes, marge intérieure et CSS personnalisé.
Colonnes sur mobile et Carrousel sur mobile ne sont proposés qu'avec la disposition Grille. Les réglages de Navigation apparaissent quand la disposition est Carrousel, ou quand Carrousel sur mobile est activé.
Blocs
- Carte produit : définit l'aspect de chaque produit (image, titre, prix, note, bouton d'achat). Elle est obligatoire et ne peut pas aller dans un groupe. Ses options se trouvent dans Cartes produit et cartes de collection.
- Texte (jusqu'à 2), Séparateur (1) et Groupe (1) : ajoutez un titre comme « Vous aimerez aussi » au-dessus ou en dessous des cartes.
Tâches courantes
- Afficher des articles assortis : mettez les produits similaires dans la même collection, puis utilisez Même collection.
- Vendre un accessoire assorti : utilisez Choisis par produit et choisissez l'accessoire pour chaque produit.
- Mettre en avant vos promotions : utilisez Remisé.
Dépannage
- La section affiche un message « aucun produit » : aucun produit ne correspond à la source. Avec Même collection, vérifiez que le produit est dans une collection publiée avec d'autres produits. Avec Choisis par produit, ajoutez une sélection à ce produit.
- Les mieux notés affiche peu de produits : seuls les produits avec au moins un avis publié comptent.
- Un produit n'apparaît jamais dans la liste : vérifiez qu'il est publié et non masqué.