Comment afficher et modifier la couleur des carrés de sélection de 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 :

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

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

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".

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