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 :
Où trouver la valeur exacte de la couleur des petits carrés associés à chaque attribut de type couleur dans PrestaPricing?
- Aller dans l'onglet "déclinaisons et images"
- Puis dans le sous-onglet "attributs"
- Cliquer sur l'engrenage pour afficher les attributs
- Choisir le groupe d'attribut contenant vos couleurs (par défaut il s'appelle "Couleur")
- 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
- Double cliquez dans la colonne couleur sur la ligne de la couleur (indicateur 6 dans l'image ci dessus)
- 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...)
- 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:
- Le groupe est défini comme étant un groupe contenant des couleurs
- Le type d'affichage du groupe est réglé sur "color".
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
-
Comment définir l'ordre d'affichage des déclinaisons dans vos pages produits ?
Tuto
PrestaPricing (devenu Merlin Backoffice), le module PrestaShop essentiel, permet aussi de très facilement définir l'ordre d'affichage des déclinaisons dans vos pages produits. Ce tutoriel tout en images vous montre comment faire.
-
Comment exporter les déclinaisons des produits ?
Tuto
Ce tutoriel en images vous explique la meilleure méthode pour exporter les déclinaisons des produits d'une boutique PrestaShop avec le module Merlin Backoffice
-
Comment créer des groupes d'attributs et des valeurs d'attributs dans PrestaShop
Tuto
Tutoriel pas à pas pour ajouter des groupes d'attributs et des valeurs d'attributs, pour pouvoir créer des déclinaisons de produits. Deux méthodes sont expliquées, avec PrestaShop et par lot avec le module Merlin Backoffice
-
Comment désactiver des déclinaisons de PrestaShop sans les supprimer
Tuto
Astuce
Voici une méthode inédite, simple et rapide pour désactiver une ou plusieurs déclinaisons dans PrestaShop, dans un ou plusieurs produits d'un coup, sans devoir les supprimer ni mettre à zéro leur stock, grâce à Merlin Backoffice ® Flex
-
Fusionner plusieurs doublons d'attributs PrestaShop
Tuto
Méthode simple et rapide pour regrouper les doublons d'attributs similaires ou proches en un seul attribut sans devoir refaire les déclinaisons