[FR] Manuel Text Designer

Guide d'installation du module Text Designer (Prestashop)

Configuration du produit

  1. Créer un nouveau produit
    Créer un nouveau produit Prestashop qui acceuillera le module.

  2. Activer le module

    Pour cela définissez les 3 caractéristiques suivantes sur le produit :

    • Configurateurvisuel : TD
    • CustomZones : ON
    • CVHTML5 : TD

    Si une des caractéristiques n'existe pas, créez la avec sa valeur en respectant l' orthographe et la casse des caractères.



  3. Ajouter des combinaisons de couleur
    Dans l'onglet Déclinaison de la fiche produit, utilisez le générateur de déclinaisons de produit pour ajouter les couleurs désirées (les couleurs doivent appartenir à un groupe d'attribut de type couleur ou texture).

  4. Images produit et options
    Enfin, vous devez paramétrer l'image de fond du module et ses options : ouvrez l'onglet Images du produit.

    La première image  doit représenter l'image de couverture du produit. Vous pouvez ajouter une image de votre choix . Cette image sera affichée dans les pages de catégorie et panier de votre site internet.
    La seconde image doit utiliser ce fichier image : http://www.configurateurvisuel.fr/cvtools/textdesigner/972x238-textdesigner.png
    C'est une image transparente en .png correctement dimensionnée.

    Après avoir uploadé la seconde image , cliquez sur l'icone + située dans la colonne Zone pour accéder à l'espace de configuration.

    Premièrement dessiner une zone dans le rectangle blanc (la position et la taille n'ont pas d'importance).


    Puis sélectionnez  'Input text Multiple' en tant que type de zone
    Choisir un nombre de lignes maximum à afficher (input Line count)
    Choisir la taille de police (Size)
    Choisir le nombre maximum de caractères par ligne (Max. width). 70 Par défaut .

    Les autres options sont inutiles pour le module Text Designer .

    Une fois configuré,ajoutez ou mettez à jour la zone, attendez que la page soit chargée et enregistrer .

Votre produit est maintenant configuré !


Ajouter vos polices de caractères

Le module utilise les fichiers .ttf standards de police de caractère .

Vous pouvez essayer de convertir les fichiers non .ttf en un format .ttf en utilisant des convertisseurs (exemple https://everythingfonts.com/), toujours vérifier l'affichage et le look de votre police lors de l'affichage du module.

Pour ajouter ou supprimer les polices,envoyez ou supprimez les sur votre FTP dans le dossier /modules/cvtextdesigner/lib/jquery-configurateurvisuel/css/fonts/

Utiliser le lien suivant pour mettre à jour la liste des polices en remplacant  l'adresse de votre site internet (remplacer yourserver par votre domaine) :

http://yourserver/modules/cvtextdesigner/lib/jquery-configurateurvisuel/css/fonts/fontsLib.php

Soyez sure d'utiliser une police avec une licence valide.

 http://www.fontsquirrel.com/ est ne bonne ressource de polices de caractère gratuites

Vérifiez que les polices de caractères que vous utilisez comporte des caractères spéciaux comme les accents .

Traductions

Les traductions s'effectuent dans le backoffice, via l'onglet localisation.

Selectionnez le champs 'modules installés' de l'onglet Traductions, puis soit les traductions du thème ou core.

Il y a un fichier de traduction additionnel pour votre langue situé dans  /modules/cvtextdesigner/lib/jquery-configurateurvisuel/i18n/

Vouvez l'editer avec un editeur de texte.

Couleurs

Vous devez ajouter des couleurs au produit Text Designer :

Ajouter des attributs couleurs à partir de l'onglet Déclinaisons de la page d'édition du produit.

Prix au M²

Le prix est calculé au mètre carré en se basant sur les dimensions de l'utilisateur.

Le prix au m² est paramétrable dans le fichier  /modules/cvtextdesigner/lib/jquery-configurateurvisuel/js/static.json  en paramétrant la variable priceM2 :


priceM2
"priceM2": "150",

Vous pouvez modifier la valeur du prix à cette ligne (150 par exemple), ne modifiez que la valeur 150 en respectant le format d'origine.

Prix par couleur

Si certains éléments (comme l'Or ou les miroirs adhésives) sont plus chères que les éléments de base,vous pouvez ajouter un impact sur le prix par m² en utilisant les attributs d'impact des déclinaisons couleur du produit Prestashop.

Sur la page d'édition du produit, dans l'onglet Déclinaisons utilisez le générateur de déclinaisons.

Ajoutez des impacts de prix sur les couleurs de votre choix : l'impact sera ajouté à la valeur du prix par m² .


Prix minimum

Vous pouvez définir un prix minimum pour vos produits dans le fichier static.json à la ligne contenant pMin :

pMin
"pMin": "3.33",

Hauteur minimum et maximum

Vous pouvez définir une hauteur maximum pour chaque ligne dans le fichier static.json à les lignes contenant heightMin et heightMax :

heightMin
"heightMin": "3",
heightMax
"heightMax": "250",

Option pochoir

Vous prouvez activer l'option pochoir en ajouter l'option stencil en ajoutant une caractéristique stencil avec la valeur ON au produit .

Option facteur de prix

Vous pouvez activer l'option facteur de prix en ajoutant une caractéristique price_factor  avec la valeur ON au produit.Le facteur de prix est définit dans le fichier static.json à la ligne contenant  pPercentage :


pPercentage
 "pPercentage": "1.2",