Jump to content
superskyman100

[RESOLU] Barre d'outils complémentaire pour edition HTML ?

Recommended Posts

Bonjour,

Je m'attaque à la refonte de mes mails via outil de traduction...

Et excusez ma franchise, dans le genre moyen age ergonomique 😅.... : si je sauvegarde pas toutes les deux minutes, la moindre erreur de manip est irreversible (sauf que les sauvegardes prennent du temps et reinitialisent toute la page), impossible de centrer meme un pauvre bloc de texte sans s'enfoncer dans les affres du code, je dois sortir de l'editeur pour changer ma langue de traduction sur chaque mail, etc etc etc.... 

Bref, l'interface des traduction n'est deja pas tres pratique de base, mais de surcroit elle ne présente AUCUNE option ou presque de mise en page (centrer un texte...), ni d'édition (annuler une action)... : LA MISERE.

Du coup, 40 corps de mails a revoir, pour six langues... Avec une vingtaine de modifs par corps d'email.... c juste la traversee du desert.

Y aurait il ici donc une lueur d'espoir (et pas a 70 euros) pour ajouter qq icones de mise en page sur mon editeur des traductions HTML ???

Merci

 

 

 

Edited by superskyman100 (see edit history)

Share this post


Link to post
Share on other sites

Sans vouloir tout excuser de l'ergonomie, tu dois comprendre que les mails sont quelque chose de vraiment différent d'une page normale. Les css ne s'y appliquent pas vraiment, elle doivent être embarquées voire mise en dur dans le code afin d'obtenir un rendu +/- conforme.

Il est souvent plus judicieux de récupérer tout les html/tpl des mails, de les modifier avec un éditeur HTML en local puis de les réinjecter via FTP dans la boutique.

 

Share this post


Link to post
Share on other sites
Just now, doekia said:

Sans vouloir tout excuser de l'ergonomie, tu dois comprendre que les mails sont quelque chose de vraiment différent d'une page normale. Les css ne s'y appliquent pas vraiment, elle doivent être embarquées voire mise en dur dans le code afin d'obtenir un rendu +/- conforme.

Il est souvent plus judicieux de récupérer tout les html/tpl des mails, de les modifier avec un éditeur HTML en local puis de les réinjecter via FTP dans la boutique.

 

PS reste un outil solide malgre ses/nos defauts :) 

En local ok, mais pas super pratique, faut qd meme changer pas mal de petits trucs, sauter d'un fichier a un autre (l'outil translations a au moins le merite de tout regrouper) et ca a vite fait de plus marcher.... Par exemple le logo (theme modern) je le recentre >> il disparait de l'en-tete des mails et apparait en piece jointe... Bref, faut passer un temps monstre juste pour etablir la methode... Alors que Prestashop devrait justement ETRE la methode... ;)

Bref, je prefererai utiliser le module translation (avec ses imperfections), mais quelques petits icones de mise en page supplementaires (et franchement c pas du luxe....)

 

Edited by superskyman100 (see edit history)

Share this post


Link to post
Share on other sites

Aaarghh.... 

Fatal error, mon shop est mort !! 😨

image.thumb.png.c7d8eb2c909d716b347468acafd73ca9.png

 

Apres coup g regardé, suis sous PS 1.7............... Pas 1.6 !!.......................

 

J'ai essayé de remettre les fichiers originaux à leur place, mais le site reste planté, suis dans une belle panade...............................

Puree je passe mes journees a faire mon geek avec Prestashop, quand est-ce que je vais pouvoir commencer a VENDRE ???

Ca devient desesperant cette plate forme....

 

 

 

 

 

 

 

 

 

 

 

 

Share this post


Link to post
Share on other sites

Ici mon fichier original tinymce.inc.js

 

/**
 * Change default icons to marerial icons
 */
function changeToMaterial() {
  var materialIconAssoc = {
    'mce-i-code': '<i class="material-icons">code</i>',
    'mce-i-none': '<i class="material-icons">format_color_text</i>',
    'mce-i-bold': '<i class="material-icons">format_bold</i>',
    'mce-i-italic': '<i class="material-icons">format_italic</i>',
    'mce-i-underline': '<i class="material-icons">format_underlined</i>',
    'mce-i-strikethrough': '<i class="material-icons">format_strikethrough</i>',
    'mce-i-blockquote': '<i class="material-icons">format_quote</i>',
    'mce-i-link': '<i class="material-icons">link</i>',
    'mce-i-alignleft': '<i class="material-icons">format_align_left</i>',
    'mce-i-aligncenter': '<i class="material-icons">format_align_center</i>',
    'mce-i-alignright': '<i class="material-icons">format_align_right</i>',
    'mce-i-alignjustify': '<i class="material-icons">format_align_justify</i>',
    'mce-i-bullist': '<i class="material-icons">format_list_bulleted</i>',
    'mce-i-numlist': '<i class="material-icons">format_list_numbered</i>',
    'mce-i-image': '<i class="material-icons">image</i>',
    'mce-i-table': '<i class="material-icons">grid_on</i>',
    'mce-i-media': '<i class="material-icons">video_library</i>',
    'mce-i-browse': '<i class="material-icons">attachment</i>',
    'mce-i-checkbox': '<i class="mce-ico mce-i-checkbox"></i>',
  };

  $.each(materialIconAssoc, function (index, value) {
    $('.' + index).replaceWith(value);
  });
}

function tinySetup(config) {
  if (typeof tinyMCE === 'undefined') {
    setTimeout(function() {
      tinySetup(config);
    }, 100);
    return;
  }

  if (!config) {
    config = {};
  }

  if (typeof config.editor_selector != 'undefined') {
    config.selector = '.' + config.editor_selector;
  }


  var default_config = {
    selector: ".rte",
    plugins: "align colorpicker link image filemanager table media placeholder advlist code table autoresize",
    browser_spellcheck: true,
    toolbar1: "code,colorpicker,bold,italic,underline,strikethrough,blockquote,link,align,bullist,numlist,table,image,media,formatselect",
    toolbar2: "",
    external_filemanager_path: baseAdminDir + "filemanager/",
    filemanager_title: "File manager",
    external_plugins: {"filemanager": baseAdminDir + "filemanager/plugin.min.js"},
    language: iso_user,
    content_style : (lang_is_rtl === '1' ? "body {direction:rtl;}" : ""),
    skin: "prestashop",
    menubar: false,
    statusbar: false,
    relative_urls: false,
    convert_urls: false,
    entity_encoding: "raw",
    extended_valid_elements: "em[class|name|id],@[role|data-*|aria-*]",
    valid_children: "+*[*]",
    valid_elements: "*[*]",
    init_instance_callback: "changeToMaterial",
    rel_list:[
      { title: 'nofollow', value: 'nofollow' }
    ]
  };

  $.each(default_config, function (index, el) {
    if (config[index] === undefined)
      config[index] = el;
  });

  // Change icons in popups
  $('body').on('click', '.mce-btn, .mce-open, .mce-menu-item', function () {
    changeToMaterial();
  });

  tinyMCE.init(config);
}

 

....

 

Site completement plante... g essaye de restaurer les fichiers, rien a faire............. AU SECOURS !!

 

 

 


 

Share this post


Link to post
Share on other sites
il y a une heure, superskyman100 a dit :

g essaye de restaurer les fichiers, rien a faire

Avez vous vider votre cache apres avoir remis les fichiers originaux en place ?

Share this post


Link to post
Share on other sites

Bonjour & merci bcp pour votre aide !

Oui, je viens de supprimer les fichiers dans /var (ca m'a pris une heure), ca refonctionne !!... OUF !!

Merci pour votre aide !!

Malheureusement, le code donné ne fonctionne pas sur PS 1.7.6.x.... :(

Ca va me prendre des decades de modifier tous les mails (6 langues....) en local avec Chrome...

Le dernier lien sur le site :

https://mypresta.eu/prestashop-17/extend-text-editor-in-new-presta.html

Ca ne fonctionne pas sous 1.7.6.x.....

 

 

 

 

Share this post


Link to post
Share on other sites
Just now, solsol69 said:

Ouais bon g achete le module... pas merci a Prestashop, y'a qd meme des trucs de base qui permettent de travailler plutot que de faire son geek et perdre des jours entiers...

Merci a vous en tous cas..

 

Share this post


Link to post
Share on other sites

Waste of money... 

Le module permet meme pas de centrer le logo sur le theme moderne ou de supprimer les affreuses barres de cadre dans le theme classique.

Juste perdu 20 balles et, encore, du temps... pour RIEN.

J'en reviens pas a quel point l'ergonomie PS est a revoir..

Ce forum ne serait pas 'modere', j'utiliserai bien des noms d'oiseau..

HE, LES GARS DE PRESTASHOP : ON VEUT VENDRE, PAS FAIRE NO GEEKS !!!

Une PF de ecomnmerce est censee etre ergonomique pour que la methode soit simple. Desole, mais ici, sur les mails et traductions, y'a du taf...

Aller....

 

 

 

 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More