Aller au contenu
Maison

Rechercher dans la documentation

Tapez un réglage, une section ou une question.

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).
Cette page vous a-t-elle aidé ?

Maison 1.0.0