Guides
Pastilles de couleur
Afficher des pastilles de couleur ou de motif sur la page produit, dans les grilles et dans les filtres.
Sur cette page
Maison affiche des pastilles de couleur à partir des échantillons que Shopify associe aux valeurs d’option de vos produits. Le thème ne devine pas les couleurs à partir des noms (« Rouge », « Navy ») : ce sont vos données produit qui portent la couleur.
Où apparaissent les pastilles
- Page produit et produit en vedette : l’option s’affiche en pastilles de 20 px ; le nom de la couleur choisie ou survolée s’affiche à côté du nom de l’option.
- Fiches produit des grilles, si Afficher les nuanciers de couleurs est coché : jusqu’à trois pastilles, puis « +N ». Survoler une pastille montre la photo de la variante.
- Filtres de collection et de recherche, quand le filtre repose sur des valeurs qui ont des échantillons.
Les pastilles sont rondes avec la forme des contrôles Pilule, carrées sinon. La valeur choisie est soulignée d’un trait fin.
Configurer les échantillons
Avec la catégorie de produit (recommandé)
Choisissez une catégorie
Dans la fiche produit de l’administration, choisissez une catégorie de produit précise (par exemple Vêtements > Robes). Shopify propose alors des métachamps de catégorie, dont Couleur.
Reliez l’option au métachamp
Dans Variantes, pour l’option « Couleur », choisissez de la relier au métachamp de catégorie Couleur. Chaque valeur devient une entrée de couleur standard.
Définissez l’échantillon
Pour chaque valeur, définissez une couleur (code hexadécimal) ou une image (pour un motif, un tissage, une matière) dans ContenuMétaobjets ou directement depuis l’option.
Les valeurs reliées sont partagées entre produits : définissez « Camel » une fois, tous vos produits en profitent, et Search & Discovery peut les utiliser comme filtre en pastilles.
Vignettes des variantes
Si une option n’a pas d’échantillons mais que ses variantes ont chacune une image différente, Maison l’affiche en vignettes de 56 px de ces images. C’est pratique pour des matières ou des finitions photographiées. Attention : cela s’applique à toute option dont les variantes ont des images différentes, pas seulement à la couleur.
Les pastilles ne s’affichent pas
- L’option est-elle reliée à un métachamp avec échantillons, ou les variantes ont-elles des images distinctes ? Sans l’un ou l’autre, l’option s’affiche en texte, en boîtes ou en liste.
- Dans les grilles, Afficher les nuanciers de couleurs est-il coché dans la section ?
- Dans les grilles, seule la première option qui a des échantillons est affichée, et les pastilles sont masquées sur les fiches trop étroites (disposition Pleine largeur).
Maison 1.0.0