31/10/2022 Franck Bugnet Tuto

Comment afficher et modifier la couleur des carrés ou motifs de sélection d'attribut

Cette astuce vous apprendra comment choisir ou modifier les couleurs des petits carrés associés à chaque attribut de type couleur


Modules concernés : Merlin Backoffice ™, PrestaPricing (tuto et captures d'écran réalisées avec PrestaPricing)

Nous allons vous expliquer comment choisir ou modifier les couleurs des petits carrés associés aux attributs couleurs, qui apparaissent dans les pages des produits des sites PrestaShop, comme dans cet exemple :


Modifier les carrés de couleur dans PrestaPricing?


Où trouver la valeur exacte de la couleur des petits carrés associés à chaque attribut de type couleur dans PrestaPricing?

  1. Aller dans l'onglet "déclinaisons et images"
  2. Puis dans le sous-onglet "attributs"
  3. Cliquer sur l'engrenage pour afficher les attributs
  4. Choisir le groupe d'attribut contenant vos couleurs (par défaut il s'appelle "Couleur")
  5. et 6 Dans la colonne couleur dans la table de gauche, la valeur affichée dans les lignes commençant par # correspond au code hexadécimal de la couleur


Comment modifier la couleur des petits carrés associés à chaque attribut de type couleur dans PrestaPricing?

Deux méthodes pour changer la couleur des petits carrés associés à chaque attribut de type couleur dans PrestaPricing?

La première méthode consite à éditer directement le code héxadécimal dans le champs "6" si vous le connaissez.

Par exemple #ffffff signifie blanc et #000000 signifie noir. Il s'agit d'un code #RVB classique. Vous pouvez grace à ce code saisir  des couleurs précises, par exemple trouvées dans une nuancier Pantone.

La seconde méthode consiste à aller chercher la couleur dans le sélecteur:

Pour cela

  1. Double cliquez dans la colonne couleur sur la ligne de la couleur (indicateur 6 dans l'image ci dessus)
  2. Cela ouvre le sélecteur : choisir votre couleur (dans la roue chromatique, ou le tableau ou par saisi des composantes RVB ou CMJN, ou encore avec l'outil pipette...)
  3.  cliquez sur OK


Comment modifier la couleur des petits carrés associés à chaque attribut de type couleur dans PrestaPricing?

Astuce : si la cellule est vide sans couleur, le double clic n'ouvre pas le sélecteur de couleur. Tapez juste # dans la cellule, changer de ligne pour sauver cette valeur et revenir sur la cellule marquée # puis procéder comme décrit précédement, doucle cliquez sur la cellule pour ouvrir le sélecteur et choisir votre couleur.

Petit rappel:

Pour que les petits carrés s'affichent dans la page, il faut que dans le groupe attributs soit défini comme étant un groupe de couleurs et de plus que son type d'affichage soit défini comme étant du type "color". Vous pouvez le faire directement depuis PrestaPricing, dans la table des groupes d'attributs:

  1. Le groupe est défini comme étant un groupe contenant des couleurs
  2. Le type d'affichage du groupe est réglé sur "color".


Comment faire pour que les petits carrés de couleur s'affichent dans la page avec PrestaPricing?

La semaine prochaine nous verrons comment bien paramétrer Merlin Backoffice (ou les anciens PrestaPricing et PrestaCatégories) pour que les vignettes ou photos s'affichent correctement et non pas sous la forme de simples points d'interrogation.


Autres articles de la catégorie Gestion des déclinaisons et attributs PrestaShop

Réglages
  • Identification
    • £ GBP
    • $ USD
Menu