Gestion avancée des images

Exclure une image du module

Pour exclure une image du module (elle restera affichée sur les pages du catalogue et du panier), utilisez le suffixe : [x] (dans la légende de l'image)

Exemple : Image de couverture [x]

Image masque Prestashop  (CV version > 1.5.4.0)

Pour créer un masque :

  • Ajouter l'image de couverture
  • Ajouter l'image du produit (1ere face)
  • Définir la caractéristique CustomZones sur "FULL"
  • Créer une zone sur l'image produit
  • Choisir le type de zone "Mask"
  • Uploader l'image masque
  • Sauvegarder
  • Repeter pour chaque image (faces)

Image masque Prestashop 1.4 (CV version < 1.5.4.0)

Pour créer un masque :

  • Ajouter votre image masque (l'image qui sera appliquée en tant que masque sur le produit) avec le suffixe : [color]
    Exemple : Image masque [color]

  • Ajouter votre image produit, sur laquelle l'image masque s'appliquera avec le suffixe : @mask
    Exemple : Image produit @mask

  • Définissez CustomZones FULL
  • Créer une zone sur l'image produit.
    Tracez une zone à l'emplacement du masque, et choisissez le type Mask
  • Vous pouvez créer des zones additionnelles

Remarque : vous ne pouvez créer qu'un seul masque par image produit. Vous pouvez toutefois utiliser autant de zones traditionnelles, et d'images que voulu.

Image masque Prestashop 1.5 (CV version < 1.5.4.0)

Prestashop 1.5 n'ayant plus de champ légende, la procédure change dans l'onglet images :

  1. Ajouter l'image masque, puis créer sa zone
  2. Insérer le suffixe [color] dans le champ "Image settings" de la page Zones
  3. Creer une zone (celle-ci sera supprimée par la suite), ajouter là, et enregistrez
  4. Ajouter l'image produit (celle qui sera masquée), creer sa zone
  5. Ajouter le suffixe @mask dans "Image settings"
  6. Définissez le type de zone sur "Mask", ajouter la zone et enregistrer
  7. Dans l'onglet Scènes de Prestashop, supprimer la zone de l'image masque (celle avec le suffixe [color] )

Images colorisables

Vous pouvez ajouter jusqu'a 6 images colorisables, en plus de l'image produit. Chaque couleur différente correspond alors à un calque d'image, qui s'empilent comme dans un logiciel de retouche.

  • Définissez CustomZones sur FULL

Chaque couche sera une image au format .png transparent, superposée à l'image produit. Notez que l'image produit reste également colorisable, vous pouvez donc totaliser 7 zones de couleurs différentes.

Pour ajouter vos images :

  • Ajouter vos zones de couleur (les images calques) de la couche inférieure à la couche supérieure, avec le suffixe : [color][linkn] ou n est un chiffre croissant de 1 à 6
    Exemple : Zone de couleur Manches [color][link1], Zone de couleur Col[color][link2], ect ...

  • Vous pouvez ajouter un calque avec le suffixe [color] : il ne sera pas colorisé

  • Ajouter l'image produit après les images calques. Les zones de personnalisation doivent etre crées sur l'image produit uniquement.

  • Vous pouvez ajouter des images calques pour les 4 images produits.

 

Modifer les couleurs additionnelles

Pour modifier les couleurs additionnelles, editer le fichier colorize.conf :

"useFixedColorGroupsCount":"false",

  "colorGroupsCount" : 6, > nombre de couleurs à afficher

 

  "colorlink1":{

    "show":"true",

    "mode":"square",

    "colors":{

       "bleu":"#662CC7",

       "rouge":"#778D6B",

       "vert":"#15D669",

       "jaune":"#7A6A53",

       "noir":"#99B2B7",

       "gris":"#887823"

    }

  },

Vous pouvez ajouter ou supprimer des couleurs en ajoutant / supprimant des lignes. Prenez soin de respecter les virgules, le dernier élement n'a pas de virgule