Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3

Table of Contents

Introduction

Le module de colorisation automatique StickerDesigner vous permet d'appliquer différentes couleurs à vos produits, sans nécessiter de créer les images correspondantes. Un gain de temps très appréciable si vous gérez de multiples variantes de couleurs ! Sticker Designer permet également à vos clients d’apprécier vos produits en situation, et grâce au images de situations fournies (en option), d’atteindre un photo-réalisme sans précédent !

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

Cliquez ici pour voir la démo Sticker Dersigner

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

Le module applique automatiquement les couleurs sélectionnées, à partir de l’image produit (au format png transparent). Plus besoin de perdre un temps précieux à créer vos images et à les enregistrer dans le backoffice, gérer enfin autant de déclinaisons couleurs que vous le souhaitez !

Fonctions


  • Coloriser vos produits en 1 clic !
  • Prévisualisation Photo-réaliste
  • Calcul automatique du prix en fonction de la dimension choisie
  • Prévisualisation de l'inversion (animation)
  • Couleurs spéciales (or, argent, miroir
  • Zoom type 'magic zoom'
  • Prévisualisation de la couleur de fond (configurable)
  • Support de la transparence des fichiers PNG !
  • Installation simple

Installation

Dans le panneau d’administration de PrestaShop, sélectionnez l’onglet Modules, puis cliquez sur « Ajouter un nouveau module » :

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 :

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


La version incluse de images.inc.php active la transparence des PNG, pour l’ensemble de votre boutique. Seuls les fichiers ajoutés après l’installation seront affectés

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.

 

Cliquer sur enregistrer et rester :

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 :

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

Et un exemple incorrect :

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 :

  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.

Notez que le module est prévu pour fonctionner avec ThickBox (et non jqZoom)

Taille des images : thickbox : 600px * 600px

 

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 :

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 :

Un peu de concentration à présent ! Il vous faut enregistrer les identifiants de ces attributs dans votre fichier de configuration. C’est très simple, mais il vous faudra etre attentif, sans quoi, le module ne fonctionnera pas !

 

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.

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.


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

 

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 :

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

Astuce : pour conserver vos couleurs spéciales en premier, ajouter un espace avant leur nom dans l’onglet Catalogue > Attributs et groupes de PrestaShop.

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

5.2 Couleurs de fond

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

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.

Astuce : Choisissez votre déclinaison par défaut sur Orientation = normal et la couleur qui correspond à votre image de base !

 

5.4 Taille du module

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

 

Code Block
languagejavascript
"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.

 

 

 

http://www.configurateurvisuel.fr

contact@mikarama.fr

 

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