Les grilles de produits et de collections affichent chaque élément sous forme de carte. Vous concevez la carte une fois dans la section, et toutes les cartes de cette section la suivent.
Où se trouvent les cartes
- Le bloc Carte produit se trouve dans Produits en vedette, Produits associés, Rechercher des produits et Produits de la collection.
- Le bloc Carte de collection se trouve dans Collections et Sous-collections.
Dans le constructeur, sélectionnez la section, puis le bloc de la carte. Chaque section a sa propre carte : une modification ne touche donc que cette section. Le bloc de la carte ne peut pas être supprimé, mais ses parties oui : masquez ou supprimez une partie, ou remettez-la avec Ajouter un nouveau bloc.
Carte produit
Sur la carte elle-même, Utiliser le schéma de couleurs parent est activé par défaut. Désactivez-le pour donner aux cartes leur propre Schéma de couleurs. Faites glisser les parties pour changer leur ordre sur la carte. Ses parties sont :
- Image : Rapport d'aspect (Automatique, Portrait, Carré ou Paysage) et Ajustement de l'image (Couvrir remplit le cadre, Contenir montre toute l'image). L'ajustement est masqué avec Automatique.
- Titre : Préréglage (style de texte), Hauteur de ligne, Espacement des lettres et Lignes max. (de 1 à 3 ; les noms plus longs sont coupés avec « ... »).
- Prix : le prix, avec l'ancien prix barré en cas de promotion. Économies affiche un badge en Pourcentage, en Prix (le montant économisé) ou Aucun. Il n'apparaît que sur les produits avec un prix remisé.
- Évaluation : les étoiles et le nombre d'avis. Les produits sans avis n'affichent pas d'étoiles.
- Acheter : le bouton et les variantes.
La partie Acheter
- Action : Commander permet aux clients d'acheter depuis la carte. Lien ouvre la page produit.
- Étiquette : laissez-la vide pour le texte par défaut : « Voir le produit » avec Lien, et avec Commander « Ajouter au panier » ou « Acheter maintenant », selon la Méthode de paiement des réglages de la commande.
- Style : couleurs de bouton Primaire ou Secondaire.
- Afficher les variantes, avec Taille et Forme (la forme ne s'applique qu'aux pastilles de couleur et d'image) : les clients choisissent une option sur la carte. Seul le premier groupe de variantes s'affiche sur la carte. Les variantes ne s'affichent jamais avec Lien.
Un produit dont toutes les options sont en rupture de stock affiche, avec Commander, un bouton « Rupture de stock » désactivé.
Carte de collection
Style de carte : Standard place le texte sous l'image, Superposition le place sur l'image. Vous avez aussi Utiliser le schéma de couleurs parent. Les parties sont :
- Image : Rapport d'aspect, Ajustement de l'image et Opacité de superposition (avec Superposition uniquement ; une image plus sombre rend le texte plus lisible).
- Titre : Préréglage, Hauteur de ligne, Espacement des lettres, Lignes max. (1 ou 2) et Alignement.
- Nombre de produits : le nombre de produits dans la collection. Il n'a pas de réglages : masquez-le ou supprimez-le pour le retirer.
- Bouton : Étiquette (vide, un libellé par défaut dans la langue de votre boutique est utilisé), Style et Largeur (Ajuster ou Remplir). Il ouvre toujours la collection de la carte.
La carte de collection affiche toujours ses parties dans le même ordre : image, titre, nombre de produits, puis bouton.
Bon à savoir
- Les coins, les bordures et les ombres des cartes viennent de votre thème. Les couleurs des cartes viennent du schéma de couleurs.
- Pas de badge d'économie ? Le produit doit avoir un prix remisé, voir Comment définir les prix des produits, les remises et les prix par marché ?