10 rue du Gnral Riu, 34000 Montpellier 06.15.876.

876

contact@mikarama.fr

Camille Frisch Dveloppement Flash - Modules de personnalisation

MANUEL COLORIZE
REV.2 2011.02.08 > Cration du module packag pour PrestaShop REV.1 2010.12.17 > Changement rfrence produit

LANGAGES : ActionScript 3 / Javascript / PHP PLATEFORME : Prestashop

Sommaire :
Introduction............................................................................................................................................. 2 Fonctions ................................................................................................................................................. 2 Installation ............................................................................................................................................... 3 Dsinstallation ......................................................................................................................................... 4 Ajouter un produit colorisable ................................................................................................................ 5 1. 2. 2.1 2.2 3. 4. 5. 5.1 5.2 5.3 Onglet Infos Dfinir un produit comme colorisable ................................................................. 5 Onglet Images - Ajouter limage coloriser ................................................................................ 6 Format dimages ...................................................................................................................... 6 Image de couverture ............................................................................................................... 7 Onglet Dclinaisons Ajoutez vos couleurs !.............................................................................. 8 Thats all Folks ! ......................................................................................................................... 10 Configuration (optionnelle) ....................................................................................................... 11 Couleurs Spciales ................................................................................................................. 11 Couleurs de fond ................................................................................................................... 12 Orientation ............................................................................................................................ 13

Tous droits rservs, reproduction et redistribution interdite

mikarama.fr

10 rue du Gnral Riu, 34000 Montpellier 06.15.876.876

contact@mikarama.fr

Introduction
Le module de colorisation automatique vous permet d'appliquer diffrentes couleurs vos produits, sans ncessiter de crer les images correspondantes. Un gain de temps trs apprciable si vous grez de multiples variantes de couleurs ! Cliquer ici pour voir les dmos Bas sur les attributs prestashop (Palette de coloris), il vous suffit d'activer le module sur les produits de votre choix. Le module applique automatiquement les couleurs slectionnes, partir de limage produit (au format png transparent). Plus besoin de perdre un temps prcieux crer vos images et les enregistrer dans le backoffice, grer enfin autant de dclinaisons couleurs que vous le souhaitez !

Fonctions

Coloriser vos produits en 1 clic ! Prvisualisation de l'inversion (animation) Couleurs spciales (or, argent, miroir) Zoom type 'magic zoom' Prvisualisation de la couleur de fond (configurable) Support de la transparence des fichiers PNG ! Pack licences 1, 3 ou nombre de domaine illimits. Installation simple

Tous droits rservs, reproduction et redistribution interdite

mikarama.fr

10 rue du Gnral Riu, 34000 Montpellier 06.15.876.876

contact@mikarama.fr

Installation
Dans le panneau dadministration de PrestaShop, slectionnez longlet Modules, puis cliquez sur Ajouter un nouveau module :

Cliquez sur Parcourir et cherchez larchive du module. Chargez le module. Vous obtenez ceci :

Tous droits rservs, reproduction et redistribution interdite

mikarama.fr

10 rue du Gnral Riu, 34000 Montpellier 06.15.876.876

contact@mikarama.fr

Cliquez sur installer et le module va crer un nouvel onglet :

Linstallation effectue automatiquement pour vous les tches suivantes : Cration de longlet Modules > Colorize Sauvegarde de votre fichier /images.inc.php dans le dossier /modules/colorize/backup Remplacement du fichier /images.inc.php par celui du module Cration de la nouvelle caractrisitique Colorize qui sert indiquer quel produit utilise le module Colorize Cration du nouveau groupe dattribut Orientation qui permet de choisir entre Normal et Inverse

La version incluse de images.inc.php active la transparence des PNG, pour lensemble de votre boutique. Seuls les fichiers ajouts aprs linstallation seront affects

Dsinstallation
La dsinstallation du module remet en place le fichier /images.inc.php dorigine et supprime longlet Modules > Colorize mais ne supprime pas la caractristique Colorize et le groupe Orientation crs.

Tous droits rservs, reproduction et redistribution interdite

mikarama.fr

10 rue du Gnral Riu, 34000 Montpellier 06.15.876.876

contact@mikarama.fr

Ajouter un produit colorisable

Dans le backoffice (BO), allez dans le catalogue, puis cliquer sur ajouter un nouveau produit.

1. Onglet Infos Dfinir un produit comme colorisable

Pour diffrencier vos produits classiques des produits coloriser, on utilise la caractristique Colorize qui doit tre ON.

Cliquer sur enregistrer et rester :

Tous droits rservs, reproduction et redistribution interdite

mikarama.fr

10 rue du Gnral Riu, 34000 Montpellier 06.15.876.876

contact@mikarama.fr

2. Onglet Images - Ajouter limage coloriser 2.1 Format dimages

Pour tre colorisable, votre image doit tre au format PNG transparent. Voici une exemple correct :

Le fond bleu nest pas dans limage, il apparait par transparence. Et un exemple incorrect :

Le fond bleu est masqu par le fond blanc de limage, elle ne peut pas tre colorise.

Tous droits rservs, reproduction et redistribution interdite

mikarama.fr

10 rue du Gnral Riu, 34000 Montpellier 06.15.876.876

contact@mikarama.fr

2.2

Image de couverture

Vous pouvez ajouter plusieurs images un produit, pour le prsenter en situation par exemple :

Cochez : Couverture : Utiliser comme image par dfaut ? pour limage non colorisable, afficher sur les pages catgories. Limage transparente est toujours la dernire dans lordre daffichage des images. Voici une exemple valide :

Image de couverture (non transparente) Image coloriser (transparente)

Cliquer sur :

Notez que le module est prvu pour fonctionner avec ThickBox (et non jqZoom) Taille des images : thickbox : 600px * 600px

Tous droits rservs, reproduction et redistribution interdite

mikarama.fr

10 rue du Gnral Riu, 34000 Montpellier 06.15.876.876

contact@mikarama.fr

3. Onglet Dclinaisons Ajoutez vos couleurs !

Utilisez le gnrateur de dclinaisons. Prenez soins de supprimer les dclinaisons existantes si applicable.

Il est indispensable dafficher la palette de coloris ....

Tous droits rservs, reproduction et redistribution interdite

mikarama.fr

10 rue du Gnral Riu, 34000 Montpellier 06.15.876.876

contact@mikarama.fr

Ajouter les couleurs appliquer au produit : - slectionner les attributs avec Ctrl+Clic ou Majuscule+Clic - cliquer sur Ajouter - dfinissez les impacts de prix si ncessaire -> cliquer sur Gnrer.

Tous droits rservs, reproduction et redistribution interdite

mikarama.fr

10 rue du Gnral Riu, 34000 Montpellier 06.15.876.876

contact@mikarama.fr

4. Thats all Folks !

Flicitations, vous venez de crer un produit colorisable ! Vous restez libre dutiliser toutes les fonctions classiques de prestashop pour vos produits. Notez toutefois que le filtre Filigrane na pas t test avec Colorize.

Pour que votre installation soit complete, vous pouvez personnaliser Colorize ... Dcouvrez les Options de Configuration ...

Tous droits rservs, reproduction et redistribution interdite

mikarama.fr

10

10 rue du Gnral Riu, 34000 Montpellier 06.15.876.876

contact@mikarama.fr

5. Configuration (optionnelle) 5.1 Couleurs Spciales

Colorize permet de grer des couleurs spciales : or, argent, mirroir. Pour pouvoir utiliser ces couleurs, vous devez renseigner le groupe dattribut Couleur qui sera utilis. Dans la liste des modules, cliquez sur le lien Configurer du module Colorize pour obtenir lcran suivant :

Indiquez le groupe couleur o seront cres les couleurs spciales (Il doit tre cr pralablement).

Astuce : pour conserver vos couleurs spciales en premier, ajouter un espace avant leur nom dans longlet Catalogue > Attributs et groupes de PrestaShop.

Vous pouvez ensuite utiliser les 3 nouveaux attributs dans vos dclinaisons.

Tous droits rservs, reproduction et redistribution interdite

mikarama.fr

11

10 rue du Gnral Riu, 34000 Montpellier 06.15.876.876

contact@mikarama.fr

5.2

Couleurs de fond

Utilisez longlet Modules > Colorize pour configurer le module :

Tous droits rservs, reproduction et redistribution interdite

mikarama.fr

12

10 rue du Gnral Riu, 34000 Montpellier 06.15.876.876

contact@mikarama.fr

5.3

Orientation

Lorientation est gre en tant que dclinaison du produit. Les deux choix Inverse et Normal sont crs lors de linstallation.

Astuce : Choisissez votre dclinaison par dfaut sur Orientation = normal et la couleur qui correspond votre image de base !

Merci pour votre lecture, et bonne Colorisation

http://www.configurateurvisuel.fr contact@mikarama.fr

Tous droits rservs, reproduction et redistribution interdite

mikarama.fr

13