[TUTO] Color picker (pipette) pour les attributs dans le back-office

[Christophe Klein]

Bonjour,

Un problème qui se pose souvent : la personne qui gère la boutique ne connaît pas les couleurs HTML et a du mal à définir les couleurs dans les attributs.
Voici comment intégrer un "color picker" sur la page adéquate afin de faciliter la sélection de la couleur :

2 solutions :

1. Votre boutique est 100% d'origine, code non modifié

1. Télécharger le fichier joint et le dézipper

2. Copier les dossiers extraits à la racine de votre site (en prenant bien soin de renommer le dossier admin)

3. C'est fini !

2. Vous avez déjà modifé des fichiers et vous ne veulez pas écraser vos modifs

1. Vous pouvez reprendre la méthode 1 mais à l'étape 2, ne copiez que les dossiers css, img et js (pas le dossier admin).

2. Ouvrez le fichier admin/header.inc.php et remplacez

<title>PrestaShop™ - <?php echo translate('Administration panel') ?></title>

par

<link type="text/css" rel="stylesheet" href="../css/farbtastic.css" />
<title>PrestaShop™ - <?php echo translate('Administration panel') ?></title>

puis

[removed][removed]

par

[removed][removed]
[removed][removed]

3. Ouvrez le fichier admin/tabs/AdminAttributes.php et remplacez

 <input type="text" size="33" name="color" value="'.(Tools::getValue('color', $color) ? htmlentities(Tools::getValue('color', $color)) : '#000000').'" /> *

'.$this->l('HTML colors only (e.g.,').' "lightblue", "#CC6600")

par

 <input type="text" size="33" name="color" id="color" value="'.(Tools::getValue('color', $color) ? htmlentities(Tools::getValue('color', $color)) : '#000000').'" /> *

'.$this->l('HTML colors only (e.g.,').' "lightblue", "#CC6600")


[removed]$(document).ready(function() { $(\'#colorpicker\').farbtastic(\'#color\'); } );[removed]

Fin du tuto.

prestashop-back-office-color-picker.zip

[Arafat Jahan]

Thanks a lot lot and lot man,

I really need it, it works fine

[Maury Girard]

pour complémenter ce que dit
Pour vous aidez encore plus
il existe le site Color Combo

Egalement,
il existe un soft gratuit pour connaitre simple est sympa à utiliser
il sert de pipette. Habituellement intégré aux solutions tout-en-un, il permet de récupérer le code couleur hexadécimal correspondant à une sélection d’image ouverte dans l’application. Il existe, de plus, des solutions dites détachées autorisant la même opération, mais cette fois-ci à partir de n’importe quel point d’un écran.
téléchargeable nomé ColorPix 1.2
en pièce jointe

Mais cas votre Module est pratique

[amoric69]

Bonjour,

Est-ce que votre méthode fonctionne avec une version 1.5.3.1 ?

 

Plus précisément, je cherche à adapter mon presta (1.5.3.1 - thème défault), pour que, dans la page catégorie de produits, les caratéristiques couleurs apparaissent sous forme de color picker dans le filtre de navigation à facettes. Actuellement la liste des caratéristiques-couleur est représentée par des cases à cocher. Pareil côté B.O. Il n'est pas possible de rentrer une valeur exadécimal pour les caratéristiques couleurs.

Vous savez comment adapter le color-picker (ou color swatch) des attributs et valeurs aux caratéristiques ?

 

Merci pour votre retour,