Guide d'installation du module Text Designer (Prestashop)
Installation
Installez le module configurateurvisuel, puis le module cvtextdesigner (dans cet ordre).
Dans le BO, allez dans Paramètres avancées > Menus >Ajouter un menu
Dans le champ Nom : Scènes
Dans le champ Classe : AdminScenes
Parent : Catalogue
Configuration du produit
- Désactiver le mode page produit experimental :
- Créer un nouveau produit
Créer un nouveau produit Prestashop qui accueillera le module. - Activer le module
Pour cela définissez la caractéristique suivante sur le produit :
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.
Enfin, ajouter deux champs de personnalisation dans l'onglet Option dela fiche produit, comme ceci :
- Mon texte (type texte)
- Ma compo (type fichier)
- 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). - 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)
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
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": "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": "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": "3",
"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": "1.2",