Dans l’éditeur de thème : Personnaliser›Paramètres du thème›Cartes de produit
Cartes de produit
L’apparence des produits partout où ils s’affichent en grille : l’image, le nom et le prix, la pièce d’ajout rapide et les badges.
Le champ « Badge » d’un produit affiche son propre mot sur la carte, comme « Nouveau ». Les badges de promotion et de rupture de stock apparaissent automatiquement.
Paramètres
Image
- Format de l'image
- Choix: Carré, Portrait, Paysage, Adapter à l'image du produitPar défaut: Portrait
- Coins de l’image
- Curseur, de 0 à 40 pxPar défaut: 12 pxDe 0 (coins droits) à entièrement arrondis. 12 correspond aux coins des boutons.
- Afficher une deuxième image
- Activé ou désactivéPar défaut: ActivéTéléphone : balayez entre les deux images. Ordinateur : des flèches apparaissent au survol.
Contenu
- Afficher le fournisseur
- Activé ou désactivéPar défaut: Désactivé
- Pastilles de couleur
- Activé ou désactivéPar défaut: ActivéDe petites pastilles sous le prix quand un produit a une option de couleur, selon les échantillons de couleur de Shopify ou le nom de la couleur.
Pièce sur la carte
- Ce que fait la pièce sur la carte
- Choix: Intelligent, avec Aperçu sur chaque carte (recommandé), Intelligent seulement, Toujours ouvrir l’aperçu rapide, Pas de pièce : toute la carte ouvre le produitPar défaut: Intelligent, avec Aperçu sur chaque carte (recommandé)Intelligent : un produit sans options va directement au panier. Un produit avec un seul choix (taille, couleur ou matière) ouvre sur la carte un éventail de ses valeurs, et un toucher l’ajoute. Un produit à plusieurs options ouvre l’aperçu rapide. « Coup d’œil » ajoute un petit bouton en verre dans le coin supérieur qui ouvre toujours l’aperçu rapide.
- Couleur du bouton plus
- CouleurLe plus sur les images produit. Vide : la couleur sombre de la page. Une couleur remplit le plus.
- Couleur de l'icône plus
- CouleurVide : choisie automatiquement, foncée sur un bouton clair et claire sur un foncé.
- Bouton d’ajout prêt
- CouleurPar défaut: #2563EBLe plus d’une carte produit, quand son éventail court est ouvert et qu’un autre toucher ajoute le produit au panier. Si la couleur est identique à celle du plus, le plus inverse la couleur du fond et du symbole, il change donc toujours.
- Plus du bouton d’ajout
- CouleurPar défaut: #FFFFFF
- Choix dans l’onglet du plus
- Choix: Pleins, ContourPar défaut: PleinsPleins : cercles blancs. Contour : un cadre fin et un texte d’une seule couleur sur le fond de l’onglet, comme le plus.
- Couleur du contour
- CouleurLe cadre et le texte des choix. Vide : la couleur du plus qui ressort le mieux sur la page.
- Intensité du contour
- Curseur, de 20 à 100 %Par défaut: 42 %L’intensité du cadre au repos. Au survol et une fois choisi, il est toujours plein.
Détails
- Pourcentage de réduction sur le badge
- Choix: Prix affiché (recommandé), Jusqu'à : la réduction la plus élevée, Masquer si les pourcentages diffèrentPar défaut: Prix affiché (recommandé)Pour les produits dont les variantes ont des prix différents. Prix affiché : le pourcentage et le prix barré correspondent à la variante dont la carte affiche le prix. Si elle n'est pas en promotion, aucun badge de promotion n'apparaît. Jusqu'à : la réduction la plus élevée du produit, formulée « jusqu'à ». Masquer : un badge de promotion uniquement si toutes les variantes disponibles ont le même pourcentage. Les produits à prix unique ne sont pas concernés. Sur la page produit et dans l'aperçu rapide, le client choisit une variante et le prix comme le pourcentage lui correspondent toujours : ce paramètre ne s'y applique donc pas.
- Graisse du prix sur la carte
- Choix: Normal, GrasPar défaut: NormalLe prix sur les cartes produit dans les collections, la recherche et les rangées de produits. Gras correspond à la page produit.
- Badge des produits remisés
- Choix: Soldes, Pourcentage (-23 %)Par défaut: SoldesCe qu'affiche le badge sur l'image quand un produit est en promotion. Pour votre propre texte sur un produit (Nouveau, Best-seller), remplissez le métachamp produit custom.badge.
- Reflet sur le bouton
- Activé ou désactivéPar défaut: ActivéUn balayage lumineux toutes les quelques secondes, uniquement lorsque le bouton est visible à l'écran.
Quelque chose ici ne correspond pas à votre éditeur ? Écrivez-nous et nous corrigerons le guide.