...

Enfin, fonction phare, bénéficiez du calcul de prix dynamique, grâce à notre procédé exclusif.

Demo Cliquez ici pour voir la démo Sticker Dersigner

Il vous suffit d'activer le module sur les produits de votre choix.

...

Cliquez sur « Parcourir » et cherchez l’archive du module. Chargez le module.

Vous obtenez ceci :

Sur Prestashop 1.4.x, le module est situé dans la catégorie « Autres Modules »

Cliquez sur installer et le module va créer un nouvel onglet :

Image Added

L’installation effectue automatiquement pour vous les tâches suivantes :

• Création de l’onglet 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
• Création de la nouvelle caractérisitique « Colorize » qui sert à indiquer quel produit utilise le module Colorize / Sticker Designer
• Création du nouveau groupe d’attribut « Orientation » qui permet de choisir entre Normal et Inverse

Désinstallation

La désinstallation du module remet en place le fichier /images.inc.php d’origine et supprime l’onglet Modules > Colorize mais ne supprime pas la caractéristique « Colorize » et le groupe « Orientation » créés.

Ajouter un produit colorizable

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

1. Onglet Infos – Définir un produit comme colorisable

Pour différencier vos produits classiques des produits à coloriser, on utilise la caractéristique « Colorize » qui doit être à SD.

Image Added

Cliquer sur enregistrer et rester :Image Added

2. Onglet Images - Ajouter l’image à coloriser

2.1 Format d’images

Pour être colorisable, votre image doit être au format PNG transparent.

Voici une exemple correct :

Image Added

Le fond bleu n’est pas dans l’image, il apparait par transparence.

Et un exemple incorrect :

Image Added

Le fond bleu est masqué par le fond blanc de l’image, elle ne peut pas être colorisée

2.2 Images de situation et image produit

L’ordre dans lequel vous ajoutez les images de situation et le produit est important.

Veuillez vous référez à l’exemple suivant :

Image Added

1. image de couverture : affichée dans le catalogue, non affichée par le module.
2. image de situation -> le mur qui sera colorisé
3. image de situation -> les élements de décoration (non colorisé)
4. le produit (colorisé par les couleurs choisies dans les déclinaisons)

Cochez la case : Utiliser comme image par défaut ? pour l'image non colorizable à afficher sur les pages catégories.

L’image produit transparente est toujours la dernière dans l’ordre d’affichage des images.

3. Onglet Déclinaisons

3.1 Ajoutez les attributs spéciaux

Pour fonctionner, Sticker Designer fait appel à des attributes spéciaux.

Commençons par créer ces attributs :

Créer le groupe d’attributs pour les matériaux (supports) que vous proposez à l’impression. Ajouter jusqu’à 3 supports différents (choisissez les noms de votre choix). Exemple :

Image AddedImage Added

Créer le groupe d’attribut spécial ‘surface’.

Celui-ci ne sera pas affiché sur la page produit, il permet au système de calcul de prix dynamique de fonctionner.

Ajouter une seule déclinaison, que vous pouvez nommez ‘DEFAUT’ par exemple :

Image Added

3.2 Enregistrer les attributs spéciaux

Ouvrez votre fichier colorize.conf dans un editeur de texte, ou avec un editeur JSON :

/modules/colorize/swf/colorize.conf

Vous allez editer les valeurs (en gras) du groupe « dynValues » :

"dynValues": {

"use": "true",

"vynil": { "id": 32, "basem2":0.2, "basePrice":17, "step": 1.41 },

"camvas": { "id": 34, "basem2":0.2, "basePrice":22, "step": 1.28 },

"phototex": { "id": 33, "basem2":0.2, "basePrice":25, "step": 1.67 },

"material_group": {"id": "group_5"},

"surface_group": {"id": 6}

},

3.3 Ajoutez vos couleurs !

Utilisez le générateur de déclinaisons. Prenez soins de supprimer les déclinaisons existantes si applicable.

Image Added

Il est indispensable d’afficher la palette de coloris ....

Ajouter les couleurs à appliquer au produit :

• sélectionner les attributs avec Ctrl+Clic ou Majuscule+Clic
• cliquer sur ‘Ajouter’
• définissez les impacts de prix si nécessaire

4. That’s all Folks !

Félicitations, vous venez de créer un produit colorisable !

Vous restez libre d’utiliser toutes les fonctions classiques de prestashop pour vos produits.

Notez toutefois que le filtre Filigrane n’a pas été testé avec Colorize.

Image Added

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

Image Added

5. Configuration (optionnelle)

5.1 Couleurs Spéciales

Colorize permet de gérer des couleurs spéciales : or, argent, mirroir.

Pour pouvoir utiliser ces couleurs, vous devez renseigner le groupe d’attribut Couleur qui sera utilisé. Dans la liste des modules, cliquez sur le lien « Configurer » du module Colorize pour obtenir l’écran suivant :

Image Added

Indiquez le groupe couleur où seront créées les couleurs spéciales (Il doit être créé préalablement).

Vous pouvez ensuite utiliser les 3 nouveaux attributs dans vos déclinaisons.

Image Added

5.2 Couleurs de fond

Utilisez l’onglet Modules > Colorize pour configurer le module :

Image Added

5.3 Orientation

L’orientation est gérée en tant que déclinaison du produit. Les deux choix Inverse et Normal sont créés lors de l’installation.

5.4 Taille du module

Pour modifier la taille (largeur) du module, editez /swf/colorize.conf :

"module":{

    "width":"535"

  },

Seul le réglage de la largeur est modifiable : la hauteur sera adaptée automatiquement en fonction du ratio de vos images de situation.

Image Added

http://www.configurateurvisuel.fr

contact@mikarama.fr

© 2012 Mikarama.fr - Tous droits réservés, reproduction et redistribution interdite