Edition de PDF Prestashop

Prestashop 1.7 – Modifier le PDF des commandes (ép.19)

L’impression du PDF des commandes est effectuée par la plupart des e-commerçants, pourtant celui-ci mériterait parfois quelques retouches pour être optimisé. Voyons ensemble ce qu’on peut  envisager de faire !

Episode 19

Ce que me disent souvent les clients, c’est qu’ils veulent une autre présentation de facture… et bien souvent ils me montrent un modèle issu de leur ERP / outil de gestion et qu’il faudrait reproduire le « même document ». Ce que je leur réponds en principe, c’est plutôt qu’il faut s’adapter à la structure existante en ajustant ce qui ne correspond pas à l’affichage.

Dans les anciennes versions de Prestashop il était complexe d’éditer les PDF avec la librairie FPDF, à présent on peut le faire assez simplement en modifiant du HTML directement les fichiers TPL. On peut surcharger facilement les fichiers par défaut, en créant un override « pdf » directement dans le dossier du thème.

Ce que je conseille, c’est surtout d’enlever toutes les informations superflues pour que le client ne se concentre que sur l’essentiel. La petite innovation reste surtout d’ajouter une bannière dans l’entête du PDF, afin de faire passer un message qui sera vu par tous vos clients.

Prenez le temps de retoucher vos PDF, cela peut faire la différence et aussi donner une image plus « rassurante » de votre entreprise, plutôt que d’utiliser simplement les réglages proposés par défaut.

Ressources

Pour ce tutoriel vous avez à disposition :

  • banner-pdf.psd (exemple de bannière pour l’entête de facture)
  • dossier PDF (override pour le thème Prestashop)

Télécharger

Au programme

  • La modification des PDF est une demande récurrente de la part des clients.
  • Adaptez-vous à la structure existante, n’essayez pas de faire « la facture ultime ».
  • Ajustez les réglages généraux (tailles police / couleurs) via le fichier « invoice.style-tabl.tpl ».
  • Retouchez le header, en retirant la mention « Facture » et en ajoutant une bannière si vous désirez faire passer un message à vos clients.
  • Retirez le bloc de récapitulatif des taxes pour éviter les confusions.
  • Ajustez le footer pour une meilleure lisibilité.

BOUM !

1 seul mail par semaine - pas de publicité

107 commentaires sur “Prestashop 1.7 – Modifier le PDF des commandes (ép.19)”

  1. bonjour, pourriez-vous m’aider a modifier le pdf : Invoice-product-tab.tpl s’il vous plait .
    Après modification j’ai retirer : Taux de taxe
    Toute ma ligne : Référence, produit, Prix unitaire, Qté et Total est écrit en anglais je souhaite l’avoir en français .
    (il ne me manques aucune traduction dans mon prestashop, le problème doit venir du pdf)
    merci par avance 🙂

    1. Bonjour,

      Je n’ai pas fait le test sur cette partie, par contre je pense qu’il faudrait regarder du côté du fichier :
      \app\Resources\translations\fr-FR\ShopPdf.fr-FR.xlf

      Ensuite à tester, voir s’il faut vider les caches après modification pour que la traduction soit prise en charge. J’ai pas encore vraiment testé cette zone des traductions.

      Merci pour votre visite !

  2. Bonjour,

    J’ai le même problème que melody, mais dans le fichier invoice.total-tab. J’ai regardé dans le fichier shopPDF.fr mais les traductions sont correctes. J’ai regardé dans traductions de mon back office et pareil les traductions sont là. J’ai vidé le cache et toujours rien. En attendant de trouver une solution j’ai modifié les termes en les mettant en français car je ne pouvais pas laisser ça pour mes clients.

    1. Bonjour,

      Pour le moment je n’ai pas assez expérimenté cette version Prestashop 1.7 pour faire un retour sur ce problème des traductions. A l’usage je reviendrai faire un commentaire d’ajustement si je suis confronté au même problème (par la suite) sur des instances de Prestashop 1.7 en production.

      A bientôt !

  3. Bonjour Germain
    Tout d’abord merci pour vos vidéos qui permettent de découvrir, comprendre et approfondir le fonctionnement de Prestashop. C’est très appréciable et je profite de votre générosité.
    Pour cette rubrique sur le bon de commande, il me reste un problème. Malgré la modification de l’image logo dans Personnaliser / Apparence / thème et logo, elle ne s’affiche ni sur les pdf commandes ni sur les pdf factures, seul le logo par défaut « Classic » apparait.
    Les logos et favicon s’affichent normalement partout ailleurs.
    Merci par avance

    1. Bonjour,

      Sincèrement je ne sais pas exactement la cause de ce problème… je viens de re-survoler le tutoriel, mais je me rappelle plus trop les subtilités (le temps passe vite). Vous pouvez peut-être essayer d’utiliser la méthode de la bannière fixe pour palier à ce problème (comme vu en fin de vidéo).

      Merci pour votre attention !

  4. Juste après avoir envoyé ce message je me suis aperçu que je n’avais pas regardé correctement l’image. Désolé.
    Bien cordialement

  5. Bonjour,

    Presta 1.7.1.2
    Merci pour le tuto, simple et sans module.
    J’ai ajouté les images des produits dans le back office / Facture /option de facture.
    Par contre je n’arrive pas a augmenter la taille des images dans la facture, sans désordonner les colonnes références… Pour cela j’ai augmenté dans invoice.product-tab.tpl dans le >td> de l’image le width= »15% par une valeur supérieure..une autre idée?

    J’aimerais sinon, en bas de la facture ajouter l’une à cote de l’autre les images en plus gros des produits de la facture. Quand je duplique le code des images dans « invoice.product-tab.tpl pour l’insérer dans le footer.tpl cela ne marche pas. pourquoi?

    1. Bonjour,

      Il est difficile pour moi de répondre sur ce cas… en plus ça fait déjà un moment et j’ai plus vraiment ce tutoriel en tête. A essayer aussi peut-être de fixer une taille sur les images en % ou en pixels… Pour le reste il faudra investiguer, car la question est trop spécifique.

      A bientôt !

      1. Merci pour la reponse.
        Apres x temps de recherche. rien non plus
        En faite les images du devis viennent de img/tmp « product_mini »

        J’ai rien trouvé sur comment augmenter la taille des images auto généré du répertoire tmp.

        Si quelqu’un a une idée.

        Sinon comment remplacer le lien des images du répertoire tmp par le répertoire « p » où les images sont plus grande et de meilleurs qualité?

        C’est fou qu’un logiciel comme prestashop soit si mal pensé. Des images sur des devis, commande, voir facture doivent être de bonne qualité car c’est un document de vente et au lieu de cela on nous propose des miniatures!

        J’ai trouvé ça mais je ne sais pas comment l’adapter pour les factures et avec prestashop 1.7.2.2 :
        https://www.prestashop.com/forums/topic/183122-category-list-la-deuxieme-image-du-produit-au-survol/#entry1130471

        1. Bonjour,

          Pour ce genre de questions, je pense qu’il faudra faire appel à une personne qui se penche spécifiquement sur le cas, car ça prend du temps à vous dire comme ça… il faut tester, regarder, approfondir… Enfin je dis ça surtout parce que c’est le genre de question que je vois ensuite souvent sans réponse dans les forums (débugage trop spécifique).

          A bientôt !

  6. Bonsoir Germain,

    Merci pour tous tes tutos très instructifs.

    Te faisant à 100% confiance, j’ai pris l’habitude d’adapter mon site en fonction de tes tutos. Du coup, quelques fichiers sont régulièrement mis à jour.

    Mais… Actuellement je suis sous PS1722….alors, qu’adviendra-t-il de ces fichiers en cas d’upgrade de PS? Si je fais une mise à jour, est-ce que l’export puis l’import du thème sera suffisant pour garder tous les changements effectués?

    Merci,

    Bruno

    1. Hello,

      Il faut vraiment éviter de continuer à faire des mises à jour de Prestashop. Le changement sera effectivement écrasé si celui-ci est dans le coeur ou dans le thème original de Prestashop. Vous pouvez toujours « dupliquer » le thème afin de faire un thème personnalisé pour que celui-ci ne soit pas mis à jour. Mon conseil premier reste d’éviter de faire des mises à jour régulières, cela crée en général trop de perturbations et il faut ensuite reprendre beaucoup de choses.

      A bientôt !

  7. Hello Germain,

    Merci pour tous les tutos que tu proposes.
    J’ai découvert ton site depuis peu, et je t’avoue que je dévore un peu plus chaque jour chacun de tes posts.

    Je ne sais pas si tu as remarqué sur ta vidéo, mais dans la facture que tu génères, il y a une petite coquille d’affichage. J’ai pu constater que j’avais la même chose, donc je suppose que c’est propre à PrestaShop …
    Il s’agit dans la partie « product_tab » de la colonne quantité, dont le titre est découpé sur 2 lignes. Je trouve ça assez moche, et après avoir passé quelques heures à fouiller, et à essayer plusieurs solutions, je n’ai malheureusement pas avancé.
    As-tu déjà remarqué cette erreur, et si oui, as-tu une idée de comment rendre ceci un peu plus esthétique ?

    Merci d’avance,

    Antoine

    1. Hello,

      Je suis de retour, et j’ai trouvé une solution (qui ne conviendra pas à tout le monde, mais bon, ça reste une solution).

      En fait, étant auto entrepreneur, je ne facture pas de TVA (et donc la colonne « Taux de taxe » ne m’est pas utile, car elle reste vide.
      J’ai donc supprimé cette colonne dans le fichier « invoice.product-tab.tpl ».

      J’ai ensuite appliqué une règle de calcul pour redimensionner deux colonnes, et ainsi avoir la largeur de tableau identique à l’origine.

      Voilà, merci quand même.
      Je reste à l’écoute si quelqu’un à une autre solution à me proposer. 🙂

      Merci

      Antoine

        1. Bonjour,

          Vous pouvez déjà essayer de désactiver les taxes dans Prestashop, sous la configuration des taxes pour voir si cela à une influence dans le PDF.

          A bientôt !

          1. Bonjour
            Non j’ai essayé rien ne marche la colonne Taux de taxe reste toujours sur la facture et le é de quantité est a la ligne .C’est pour ca que j’ai demandé a Antoine les modifs qu’il avait appliquées
            A bientôt
            JM

          2. Re bonjour
            Je suis arrive a supprimé le texte Taux de taxe mais je ne sais pas comment recalculé la largeur de mes colonnes ne sachant pas codé
            Merci si vous avez une réponse
            Cordialement
            JM

          3. Bonjour,

            Pour cela il faut utiliser les attributs HTML classiques comme width avec une valeur en %, à voir ensuite pour appliquer cela directement avec la balise « style » directement sur l’élément TD ou TH du tableau.

            A bientôt !

      1. Bonjour Antoine,
        j’ai réussi à enlever la colonne taux de taxe également mais je ne parviens à redimensionner le tableau pour qu’il fasse toute la largeur comme avant. J’aimerai surtout que la colonne produit gagne en largeur.
        merci de m’indiquer comment vous avez fait.
        cdt

    2. Hello,

      Sincèrement je n’ai pas trop fait attention à ce cas, peut-être que la solution serait de rechercher la chaîne de caractère dans Prestashop et de la modifier par une plus courte ex. « Qte » pour détourner temporairement le problème.

      A bientôt !

    3. Bonjour Antoine, as tu trouvé dans quel module de traduction , on peut modifier le terme Quantité en Qté ?
      car si je recherche quantité j’en ai tellement que je sais pas le quel est ce 🙂

      merci

      1. Bonjour exmx,

        Allez dans traduction=> autres traductions
        Là il y aura un dossier nommé pdf, vous trouverez le moyen de changé quantité par Qté, je l’ai fait ça fonctionne super

        Bonne journée

        1. Perso, dans mon presta 1.7.5.2, je n’est pas de ligne « PDF » dans traductions / Autres traductions. Je n’ai que « message »

          1. Bonjour,

            Possible qu’il y a déjà eu un changement entre temps… je suis pas repassé dans cette partie des options sur la toute dernière version.

            A bientôt !

  8. Salut,

    Ahah en effet, solution basique à laquelle je n’ai pas pensé, mais qui résout bien le problème, sans trop de prise de tête :).

    J’ai passé pas mal de temps sur ce problème, mais bon, c’est pas perdu pour autant.

    Merci de ton retour en tout cas,
    A bientôt

  9. Bonjour,

    Tout d’abord grand merci pour tes tutos qui permettent simplement d’améliorer nos boutiques.

    En suivant ce tuto pour optimiser le pdf de la facture, lors de mes modifications j’ai du faire une fausse manip plus rien ne fonctionne. Je m’explique lorsque je vais dans le BO pour visualiser la facture (je suis sous ps 1.7.2.2, firefox en local via xampp) un nouvel onglet s’ouvre et charge puis se ferme et rien…..
    J’ai essayer de revenir à zéro : suppression du dossier pdf ajouté dans le dossier classic selon le tuto …. pas mieux. J’ai essayer de remplacer le dossier pdf situé dans le dossier prestashop par le dossier pdf de base …pas mieux

    Si quelqu’un a une idée je suis preneur

    merci

    1. Hello,

      Effectivement en cas de problème, il est sage de remettre le dossier PDF par défaut (fourni dans l’archive de base Prestashop). En même temps il faudrait vider le cache de Prestashop et activer le debug pour voir si vous avez une erreur spécifique. Ce tutoriel peut potentiellement débloquer la situation pour mieux comprendre l’origine de l’erreur : https://www.webbax.ch/2017/10/23/prestashop-1-7-problemes-dactualisation-ep-38/

      A bientôt !

      1. Bonjour

        J’ai bien remis le dossier de base en place mais toujours rien même après avoir vider le cache…..
        J’ai activer le mode debug et là C’EST LE DRAME !!!

        Warning à la ligne 2748 du fichier C:\\xampp\\htdocs\\prestashop\\vendor\\prestashop\\smarty\\sysplugins\\smarty_internal_templatebase.php(157) : eval()'d code
        [2] A non-numeric value encountered

  10. Bonsoir

    Je suis toujours aussi fan de vos tutos. Un grand merci.
    Pour mettre Qté, car c’est trop grand, en allant dans traduction, et en recherchant Quantité puis en allant sous PDF, j’ai modifié et c’est OK.
    Par contre j’ai un pb de génération du pdf côté client, et coté administratif comme énoncé dans ce qui suit :

    Quand je suis côté client, et que je veux consulter la facture PDF, le nom du fichier est Invoice.pdf, le numéro de facture est FA00000, et la facture a 2 pages.
    extrait de la console sous chrome

    C’est la même chose côté administration quand je clique sur la ligne de la commande.
    extrait de la console sous chrome

                
            

    Par contre quand je consulte la facture en étant dans la commande (au niveau des documents), la facture est correcte

    Le nom du fichier est le numéro de facture.
    extrait de la console sous chrome
                                                                         FA000010     

    Si quelqu’un peut m’aider ? Merci

    1. Bonjour,

      La question est trop spécifique pour que je puisse apporter une réponse ici, d’autant plus qu’il y’a énormément de facteurs qui peuvent influencer ce problème. A voir du côté du forum de Prestashop, si d’autres personnes ont déjà rencontré le même cas… (à tester / diminuer la police, retirer les éléments superflus du PDF pour raccourcir la page).

      A bientôt !

      1. En fait j’ai fait une autre commande et là c’est bon. Cela vient sans doute du fait que je n’avais pas mis de n° de facture dans le paramétrage. Maintenant c’est OK partout.

  11. Bonjour
    merci déjà pour l’aide que tu nous accorde pour les différentes retouches de nos sites.

    j’ai un soucis avec prestashop 1.7.En mode test, l’édition des factures pdf affiche error, apparemment il faut installer un module d’édition des factures pdf pour pouvoir le faire.

    Pouvez-vous m’aider svp?

    merci d’avance.

  12. Bonjour,

    D’abord un grand merci pour tous ces tutos. J’apprends pas mal sur Prestashop 1.7 grâce à toi.
    J’ai pu « customiser » mon format de facture donc merci pour cette vidéo.
    Par contre, je voudrais modifier le récap de la commande (document qui reste en interne). En fait je veux ajouter une check list dessous l’encart paiement pour vérifier que nous avons bien suivi toutes les étapes.
    Malheureusement je ne trouve pas le fichier tpl qui correspond.
    Peux tu m’aider stp ?

    Merci
    Romain

    1. Hello,

      Difficile à répondre sur ce point, sans me plonger dans les fichiers et faire des tests. Normalement tout ce qui touche la partie des PDF se trouve à la racine dans « /pdf »… il faudrait tester chaque fichier 1 à 1 pour contrôler celui qui touche la zone concernée. En principe je vide code du fichier PDF et je teste le lien de génération pour voir s’il fait une erreur… si oui, alors cela veut dire que je touche le bon fichier.

      A bientôt !

  13. Bonjour et merci pour tous ces tutos et explications très instructifs 😉

    Je ne comprends pas pourquoi sur les factures le titre de civilité (Monsieur/Madame) ne s’affiche pas quelqu’un pourrait m’éclairer là-dessus svp ?

    Cordialement

    1. Hello,

      A première vue il semble que cette information n’est pas remontée, à voir peut-être si le champ est disponible dans « International -> Zones géographique », dans la configuration de chaque pays on peut ajuster le format de l’adresse… mais la civilité ne semble pas faire partie des champs disponibles.

      A bientôt !

  14. Salut!
    Merci pour les informations, mais malheureusement je n’ai pas trouvé ce que je cherché 🙁
    Voilà je cherchais à ajouter le message des clients (quand il y en a) sur la facture mais je ne connais pas la variable « smarty »
    si une âme charitable passe par ici ça me rendrait bien service 🙂
    merci d’avance!

    1. Hello,

      Difficile de répondre à ce point, je ne sais pas si cette information est transmise à la vue du TPL du PDF (à voir en faisant un {debug} pour voir si la variable smarty remonte cette information). Sinon peut-être du côté du forum Prestashop si quelqu’un a déjà solutionné le cas.

      A bientôt !

  15. Bonjour à tous et grans merci pour ce tuto.

    J’ai une erreur lors de la génération de la facture quand j’essaie d’y placer la bannière en haut.
    TCPDF ERROR: [Image] Unable to get the size of the image: ($img_ps_dir)banner-pdf.jpeg

    J’ai essayé avec un png, jpg, jpeg pensant que c’était le fichier image qui posait problème mais j’ai toujours cette erreur.

    Le code à remplacer dans le header n’est pas très lisible sur mon petit écran. C’est bien ?

    Une idée ?

    1. Bonjour,

      A voir si l’image est bien présente dans le dossier « /img/ » à la racine du shop et éventuellement à tester avec une image « .jpg » non retouchée qui provient d’internet (pour s’assurer que ce n’est pas votre éditeur d’image qui est en cause. A tester aussi avec le mode « debug » désactivé.

      A bientôt !

  16. Bonjour Germain,
    merci pour tout tes tutos ! franchement ca m’aide beaucoup !

    je viens d’appliquer ce tuto qui est tou simplemet génial, mais je me retrouve avec le nom de ma boutique qui n’est plus affiché en bas de page .. ?
    J’ai pourtant récupéré tes fichiers depuis ton archive.
    une idée ?
    merci de ton aide

    1. Hello,

      Alors le mieux est d’installer Winmerge et de comparer les 2 fichiers pour vérifier s’il y’a d’autres différences, afin d’appliquer la correction que sur la zone concernée.

      A bientôt !

  17. Merci pour ce tuto qui permet de gérer bien des soucis pour l’adaptation des documents pour leur impression et leur envoi.

    Existe-t-il un moyen de changer la police de l’adresse du destinataire sur le bordereau d’expédition ? Sur mon ancienne plateforme e-commerce j’avais modifié le PDF avec la police « BEBAS NEUE » qui a la particularité de n’utiliser que des majuscules, ce qui est très pratique pour l’impression des étiquettes d’envoi lorsque l’on utilise des feuilles A4 avec étiquettes intégrées.

    J’ai donc essayé de changer le font en incluant le code suivant dans le fichier delivery.slip.style.tpl dans la table concernant l’adresse mais sans succès :

    font-family: bebas neue;

    Quelles pistes sont a explorer pour pouvoir le faire ?

    Merci

    Daniel

    1. Bonjour,

      Sincèrement je n’ai pas expérimenté le changement de polices dans le PDF. Il faudrait peut-être voir dans le dossier de la libraire PDF de Prestashop, s’il y a un dossier spécifique pour déposer les « fonts ».

      A bientôt !

    1. Bonjour,

      Vous pouvez télécharger les fichiers source du tutoriel et ouvrir les fichiers « .tpl » pour contrôler le code.

      A bientôt !

  18. bonjour, pourriez-vous m’aider a modifier le pdf : Invoice-product-tab.tpl s’il vous plait .
    Après modification j’ai retirer : Taux de taxe
    Toute ma ligne : Référence, produit, Prix unitaire, Qté et Total est écrit en anglais je souhaite l’avoir en français .
    (il ne me manques aucune traduction dans mon prestashop, le problème doit venir du pdf)
    merci par avance ?

    1. Bonjour,

      Eventuellement faites une recherche massive dans les fichiers de Prestashop, vous allez pouvoir trouver le texte à remplacer dans un fichier du type « .xlf » (puis ensuite revidez le cache).

      A bientôt !

  19. Bonjour Germain,
    Je me joins aux autres personnes pour te féliciter pour ton travail et des indications toujours claires et utiles. Tu partages tes connaissances et c’est toujours agréable d’avoir des infos également typiquement liées au marché suisse.
    Je te contacte car j’aurai aimé connaître le bout de code à commenter pour supprimer le détail des taxes mais pour la version 1.6. Ca n’a pas l’air de fonctionner pareil … j’ai remarqué également que la devise de la facture n’était plus alignée en CHF lorsqu’elle est placée devant le chiffre et lorsque le montant passe de deux chiffres à trois. As-tu expérimenté celà ?
    A bientôt !

    1. Bonjour,

      Pour ce qui est des taxes dans le PDF éventuellement voir pour vider le fichier « /pdf/invoice.tax-tab.tpl ». Par contre, pour les affichages tronqués cela peut dépendre de la mise en page… longueur des descriptions des articles, souvent c’est du cas par cas (à voir peut-être dans le forum Prestashop).

      A bientôt !

  20. Bonjour

    je vous remercie pour la pertinence et la justesse de vos vidéos de formations. Je vais finir par toucher au code des pages.
    Chaque fois que je bute sur une difficulté je tombe souvent sur une de vos astuces. Merci.
    Je me suis abonné à votre blog, je suis certain de ne pas être déçu,
    Bravo

  21. Bonjour,

    merci pour ce tuto.

    Je suis tombé dessus car je cherche à remettre le logo sur mes factures car il n’apparait plus.

    mais même en utilisant la banner-pdf.jpg ça ne fonctionne pas

    donc le problème vient d’ailleurs

    merci quand même

    à bientôt

    1. Bonjour,

      Dans un cas comme celui-ci une des solutions de base à tester est de re-télécharger Prestashop (la version de base) et de mettre le dossier PDF original à la place pour voir si le problème est toujours présent.

      A bientôt !

  22. Super ‘jai réussi c’est juste que j’avais mis le fichier pdf dans thèmes au lieu de classic .
    En tout cas énorme merci à toi car tu me sauves la mise.

    Bonne journée

  23. Bonjour, suite à une erreur de manipulation je cherche à trouver
    le code de base du dossier header.tpl

    Celui qui avait avant que je le modifie es ce que vous l’auriez svp?

    Ou es ce qu’il existe un site ou quand on fait une erreur ( oublier de copier le code de base avant modification) on peux retrouver les code de base’
    Je suis sur 1.7

    Merci Germain

  24. Bonjour,

    Un grand merci pour ces tutos au top
    J’ai une question, est-il possible d’ajouter des informations produits supplémentaires sur la facture comme la description par exemple.

    J’ai vu que HTMLTemplateInvoice.php appelle getProducts pour allez chercher les infos des tables ps_order_details et ps_product, entre autre, mais pas de ps_product_lang, suis-je obligé de créer un module qui override tout ça ou y-a-t-il un moyen plus simple de récupérer la description ?
    Je suis sous Prestashop 1.7.4.4.

    Merci

    Grégory

    1. Bonjour,

      Cela doit être possible, mais je me suis pas vraiment aventuré dans l’inclusion de nouvelles variables dans cette zone pour Prestashop 1.7. A vérifier aussi si ce n’est pas plus simple de prendre le module M4 PDF qui permet de faire de la customisation de PDF (avant de faire du développement sur mesure).

      A bientôt !

  25. Bonjour,
    Je cherche désespérément à sortir des champs dans l’adresse de facturation (Num de tel ou nom et prénom du client) mais sans succès.
    Pouvez-vous m’aider ?
    Merci Nicolas

  26. Bonjour Germain,
    Je retrouve toujours ce même problème de charger une image depuis le dossier racine de prestashop présent sur le disque dur.
    Sur tous les tutos que tu présente avec cette manipulations de charger les images dans les dossier ça échoue avec moi, ça n’affiche rien.
    Ca m’embête beaucoup car je souhaite absolument apporter ces changements qui me semble indispensable. As-tu déjà été confronté auparavant à ce type de problème? Aurais-tu une solution?
    Merci pour ton attention et bravo pour tous ce que tu fais, j’admire ton travail et ton investissement.
    Florent

    1. Bonjour

      Cela fait un moment que je n’ai pas essayé à nouveau… peut-être il faudrait utiliser la variable comme ceci : {$urls.base_url}/img/banner.jpg… en fait {$urls.base_url} correspond à l’url de base du shop et après il suffit de compléter l’url en fonction de l’emplacement de l’image (mais à voir si cette variable smarty est disponible à cet emplacement de Prestashop).

      A bientôt !

        1. Hum difficile de répondre précisément… il faut que le fichier image soit « .png », « .jpg »… mais pas « .pdf »

  27. Bonjour,

    En ce qui concerne la colonne « Quantité » qui s’écrit sur 2 lignes, ma solution est de passer de 4 à 3 pour le « cellpadding » à la ligne 25 du fichier invoice.product-tab.tpl, comme ci dessous :

    Bonne continuation et merci pour tout ces tutos 🙂

  28. Hello Germain,
    Un petit mot pour te dire encore merci pour ce tuto. J’ai pu personnaliser ma facture comme je le voulais. Et merci pour vos commentaires car cela m’a fait modifier d’autre chose. Et pour tout vous dire j’ai même ajouter une ligne dans le footer avant l’adresse pour suivre ma charte graphique. 😉

    J’attends avec impatience les prochain tutos !

    1. Bonjour,

      Cela me fait plaisir si ce tutoriel Prestashop vous a aidé et encore plus si vous arrivez petit à petit à devenir autonome, c’est TOP.

      A bientôt !

  29. Bonjour,

    Je souhaite modifier la date en haut à droite de la Facture, je veux que la date corresponde au jour de la commande, la même que la 4ieme colonne… Quel fichier dois je modifier ?

    Merci d’avance.

    1. Bonjour,

      A ce sujet je ne peux en dire plus, il faut faire un debug pour vérifier si déjà la date de la commande est transmise au PDF de la facture (mais c’est même pas certain). Sinon une méthode simple c’est de se tourner vers le module M4 PDF pour Prestashop qui permet passablement de possibilité.

      A bientôt !

  30. Bonjour,
    merci pour les tutos qui sont toujours très bien fait et très pertinant. Ma question porte sur le détail de la commande que l’on reçoit lorsque un client vient de passé commande. Comment peu t’on le modifier pour que dans la colonne référence apparaisse également la réf du fournisseur . Merci

    1. Bonjour, à tout hasard auriez-vous trouvé comment ajouter la référence fournisseur svp ? De mon côté j’ai essayé d’ajouter ce genre de code, mais sans succès :

      {if isset($product->supplier_reference)}{$product->supplier_reference}{/if}

      Je ne dois pas être bien loin je pense 😉

  31. Bonjour,
    Merci pour tous ces tutos qui sont top pour ceux qui comme moi se débrouillent seul(e)s pour installer leur e-commerce. Je commence même à m’habituer à l’accent suisse !
    Juste une précision, le numéro de facture (même s’il est moche) est une mention obligatoire sur la facture, du moins dans la loi française.
    Je m’en vais consulter d’autres vidéos, Google me cherche des noises avec la search console…

  32. Bonjour,

    Débutant sur Prestashop 1.7, vos astuces, vos tutos sont une vraie mine d’or. Suite au tuto d’insertion de la bannière (banner-pdf.jpg), je n’arrive pas à la mettre sur ma facture. Il y a un fichier .psd (banner-pdf.psd) mais je ne sais pas ou le placer, sans doute pour çà que ma bannière n’apparait pas.
    Si quelqu’un à la solution?
    Par ailleurs, je souhaitais insérer avant l’adresse de livraison et de facturation, les coordonnées de ma société
    Comment faire?
    Merci beaucoup pour vos suggestions

    1. Bonjour,

      Le fichier PSD sert seulement pour créer la bannière, le fichier « .jpg » est à déposer à la racine dans le dossier « /img ».

      A bientôt !

  33. Bonjour,

    Merci pour ton tuto très instructif, j’aimerai faire les mêmes modifications sur le modèle de l’impression de la commande mais je n’arrive pas à trouver le fichier correspondant. je suis sur prestashop 1.7.3 et les fichiers pdf correspondant à order dans le dossier pdf n’ont pas d’incidence sur mes modifs.
    Merci

    1. Bonjour,

      Peut-être que cela a changé entre temps avec la dernière version de Prestashop, à vérifier quand même s’il n’y a pas un dossier « PDF » enfant dans le dossier de votre thème Prestashop.

      A bientôt !

    1. Hello Stéphane,

      Il faudrait vérifier cela dans les préférences / configuration des pays, on doit pouvoir gérer le format d’affichage de l’adresse et retirer certaines données.

      A bientôt !

  34. Bonjour,

    Je tenais tout d’abord à vous remercier pour ton tuto. Tout fonctionne très bien à part l’insertion de l’image dans le header…. j’ai tout essayé… ton code bien sur avec ta bannière mis dans le répertoire img, l’image que je voulais aussi, avec une adresse absolue et relative, avec le mode debug et sans, avec la largeur et hauteur en paramètre… bref je sais plus, j’ai l’impression que la moulinette qui transforme l’html en PDF n’aime plus les images… Si tu peux m’aider ou quelqu’un d’autre, ca serait sympa…

    Merci et à bientôt !

    Mathieu

    1. Hello,

      Difficile à dire plus, éventuellement tester avec une autre image… à vérifier aussi que le chemin Prestashop du lien est toujours bien juste (bonne url de dossier)… ou peut-être qu’il y a eu un changement depuis… (aie).

      A bientôt !

  35. Bonjour,
    J’ai bien regardé votre vidéo dont le titre s’intitule Modifier le pdf des commandes.
    Or, vous modifiez le pdf des « factures ». Ce qui n’est pas du tout la même chose.
    Pouvez-vous m’indiquer quels fichiers modifier pour modifier effectivement les commandes et non les factures ?
    Merci. 🙂

  36. Bonjour WEBBAX
    Etant sur version 1.7.6.5 faisant du B2C, à l’édition des factures,
    je constate que je n’ai pas de montant T.T.C mais que du HT et je n’ia pas le détails aussi des remise .

    Comment puis je ajouter cela
    Merci par avance

  37. Bonjour,
    quand on valide une commande, au niveau du mode de livraison, on a un onglet commentaire.
    Je n’arrive pas à l’afficher sur le bon de livraison.
    Impossible de trouver la référence dans les fichiers.tpl.
    Merci

  38. Bonjour,

    Merci pour votre tuto.
    J’ai vu sur ce site :https://blog.ludikreation.com/prestashop-template-de-facture-different-selon-le-pays/?unapproved=351743&moderation-hash=3a9adf16e9ab9cd6153e03754a05a302#comment-351743

    Qu’il est possible d’avoir des factures différentes selon les pays en ajoutant le code ISO du pays, par exemple invoice.CH.tpl

    Savez-vous si cela fonctionne ?
    Faut-il modifier les différents fichiers que nous souhaitons modifier ? par exemple invoice.addresses-tab.CH.tpl …

    Par avance merci

  39. Bonjour Germain,
    Merci pour ton tutoriel!
    Je rencontre une difficulté avec l’insertion du logo dans le header, ça ne veut pas fonctionner. J’ai mis le code d’origine du header.tpl entre {* et *} et l’entete de la facture pdf n’apparait plus, c’est ok.
    Dessous j’ai mis le code avec xxxx pour le chemin de l’image mais ça ne veut pas fonctionner, j’ai mis l’image à la racine du dossier img ça ne fonctionne pas, j’ai rajouter img/xxxx pour mieux spécifier le chemin de l’image mais ça fonctionne pas, j’ai vérifier tout l’écriture de mon code et du nom de mon image et y a pas d’erreur.
    J’ai essayé une autre source pour l’image et j’ai remplacer le xxxx par l’URL de l’image du logo de ma boutique (https://blablabla) mais ça ne fonctionne pas non plus.
    Je n’arrive absolument pas à appeler l’image du logo d’une manière ou d’une autre pour qu’il apparaisse en haut de mes factures. Que faire ?

  40. Pour faire suite à mon commentaire, je précise que j’ai eu cette erreur: Lorsque j’ai tout bien mis, l’image à la racine de img, le bon code au bon endroit etou etou, et que je clique sur « voir la facture » dans le BO afin de télécharger la facture ça ouvre une page blanche avec marqué >>>> « TCPDF ERROR: [Image] Unable to get the size of the image: https://maboutique.com/img/Logo-Mail.png <<< qui sont les deux dernier caractère du code. A ce moment il n y a plus la page d’erreur qui apparait quand je télécharge la facture, mais toujours pas de logo dans l’entete du pdf.. C’est quoi leur problème chez prestashop ?!? Nan parce que là y a du lourd…

  41. Ha ouais j’avais oublié de dire si je me suis retrouvé ici, c’est grace au bon référencement de l’article 😀 mais c’est aussi parce que le logo a disparu de mes facture depuis la mise a jour vers 1.7.6.5 (je crois.., on sais plus ou on en est avec toutes ces maj PS) et que je cherche une moyen de le rajouté manuellement, mais tout bloque..
    (Note personnelle: Si vous voulez mettre tout mes commentaire en un seul, ça facilitera la lisibilité. Bien cordialement)

  42. Bonjour,
    Merci pour vos vidéos, elles sont vraiment bien faite et d’une grande aide.
    Mais, j’aurais besoin d’un petit coup de pouce sur la modification du PDF qui n’a pas été évoqué dans votre vidéo.
    J’essaye de modifier l’intitulé de colonne Total (HT) sur la ligne des articles en Total (TTC) en version 1.7.7.0
    Dans les traductions je trouve bien Total (HT) qui apparait deux fois.
    Une pour la ligne article et l’autre pour le bas de la facture.
    Pour moi, cela fait appel à la même fonction, ce qui fait que lorsque je modifie un champ de traduction « Total (HT) » par Total (TTC) c’est la ligne dans le total de la facture qui est modifiée et nom l’en-tête de colonne du listing article.

    Dans le fichier : ShopPdf.fr-FR.xlf
    Il y a bien également les 2 lignes en question, mais le soucis reste le même.
    Ligne 272 :
    Total (Tax Excl.)
    Total (HT)
    Ligne 450 :
    Total (Tax Excl.)
    Total (HT)
    Est ce que vous auriez une astuce ?
    Merci bien pour votre aide

  43. Bonjour Germain,
    Comment peut on ajouter sur la facture , le n° de bon de livraison associé à cette facture ?
    merci
    géniaux tes tutos , j’apprends plein de trucs 🙂

  44. Bonjour,
    Merci pour tes tutos, ça m’aide énormément.
    J’ai bien suivi les différentes étapes pour la mise en place du banner car je n’ai plus de logo sur les factures mais rien ne change, je n’arrive pas à avoir la bannière que j’ai crée sur les factures.
    J’ai bien repris ton code et bien placé la bannière sans le dossier img de la racine du site mais rien n’y fait, c’est toujours pareil. Une idée?

  45. Bonjour et encore merci pour vos tuto toujours très intéressants.
    Je recherche quelque chose que je ne trouve nulle part.
    Comment modifier le pdf de « Imprimer la commande ».
    Je ne parle pas des factures et des bons de livraisons.
    Votre tuto porte le titre « modifier le pdf des commandes », mais en fait, il traite des factures et des bons de livraison.
    Pouvez vous m’orienter pour trouver de fichier pdf qui concerne bien « Imprimer la commande »
    Cordialement

  46. Bonjour!
    L’insertion d’une image est pile dans ma recherche. Je voudrais ajouter une bannière promotionnelle ou publicitaire en bas de facture.
    Mais en intégrant le code en fin de fichier footer.tpl cela ne fonctionne pas.

    Je précise que le site est sous PS8.1.3.
    Du coup y a-t-il une subtilité qui m’échappe?
    Merci!

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *