Magento Invoice Template

Many of you Magento web developers out there may know – the PDF invoice template in Magento is reasonably hideous to look at.

I’ve taken it upon myself to create a much nicer version of it, which I have used on a couple of sites; I haven’t come across any issues with it as of yet, although I’m sure there may well be some tweaks that need to be made, so if you do use it, and make any tweaks to better it, please let me know and I will update the files!

Download the template files

Improvements Include:

  • Increased Font Size
  • More Legible Font (Sans-Serif)
  • Order/Invoice Numbers and Date Moved to Top Right
  • Address Fits on 3 lines to the right of the logo
  • Lighter Colour Scheme, more appropriate for printing
  • Much cleaner style

Magento Invoice Before

Magento Invoice Before

Magento Invoice After

Magento Invoice After

Not all of the files in the zip have been edited, but I put them all in to keep them together and help any fellow hackers to find the right files.

Install the Magento Invoice Template

To install the template, simply unpack the zip file attached to this post, and upload to your Magento “app/code” folder. The files are all stored in the “local” folder, which means no core files will be overwritten.

Let me know how you get on!

Download the template files

Last updated by at .

About James

Hello there, I'm James. I studied Multimedia Design at university. I'm a designer at heart, though I love developing innovative and exciting solutions to web based products. I now specialise in front end web design and bespoke Wordpress powered websites.

19 Responses to Magento Invoice Template

  1. Hector says:

    04:30 21/04/2011

    Great idea, thanks for sharing!

    What versions of Magento have you tested this with? I am running 1.4.2, any luck using your template on it?

  2. Currently, I have only tested this on Version 1.4.1.1. Have you tried it on 1.4.2?

  3. Your template is really good, its way better.

  4. Frank D. says:

    13:12 29/04/2011

    Thanks. It seems so easy but having problems with the install.

    1. I downloaded the file.
    2. Unpacked it.
    3. Uploaded the contents to (root)/app/code.

    Nothing happens.

  5. Frank D. says:

    13:29 02/05/2011

    Ok, to help others… The installation instructions are not correct. The downloaded file contains another zip file but without the file extension.

    What I did:
    1. Add .zip to the file so you extract it properly.
    2. Place all the files from the Pdf directory (local\Mage\Sales\Model\Order\Pdf) on your Magento website. The path on your Magento website should be /app/code/core/Mage/Sales/Model/Order/Pdf. You’re overwriting the old files so making a backup is adviced.

    That’s it! Thanks for the templates!

    Tested this on Magento 1.5.1.0.

  6. Cheers for that. I’ll have a look at the zip file tomorrow – must be because it was zipped on a mac…

    I should mention, I don’t recommend overwriting core files, which is why I recommended to upload the files to app/code/local, rather than app/code/core – as Magento should default to use the local files before the core ones.

  7. Wow, i got it, thank you so much.

  8. Hi thanks for this great contribution.

    I tried it on my website, but the product name overlaps the sku:
    http://www.synmoto.com/images/invoice_layout.jpg

    Im using magento ver. 1.4.1.0

    Can you help with an update?

    Thanks

  9. Hi Julian, that seems like a tricky one. I will probably update this template at some point, but at this moment in time I don’t have time!

    Are you able to use PHP at all?

  10. i can use myphp… but i dont really know enough to change the layout

  11. Hi Julian – I’m not sure if you’re asking a question?

  12. Hi
    MY Web name is http://www.corset2corset.co.uk/magento/index.php/checkout/cart/

    Have A Problem in Vat .Vat Value in Not Add The Products Price . Vat Show The – and I will be Add The Vat Value in Products With Price Kindly Help me

  13. Stu says:

    17:55 05/08/2011

    Hi Julian,

    Dont know if you will come back and read this but for anyone else that is having a problem with the “Product Name” writing over the “SKU”.

    You need to do the following:-

    1. Unzip the package and go to \Mage\Sales\Model\Order\Pdf\Items\Invoice”

    2. Open “default.php” in your editor

    3. On or around line 51 find:-

    ‘text’ => Mage::helper(‘core/string’)->str_split($item->getName(), 60, true, true),

    change to

    ‘text’ => Mage::helper(‘core/string’)->str_split($item->getName(), 50, true, true),

    5. Upload edited file to your server and you are done.

    Hope this helps someone :-)

    Stu

  14. Hi,

    The template is grate. I have an error in the Payment method if some one pays by credit card the values are getting overlapped.

    Open Account
    Credit Card (Authorize.net)
    Type: MasterCard
    Number: xxxx-3220

    this is what it suppose to come but the last three line
    Credit Card (Authorize.net)
    Type: MasterCard
    Number: xxxx-3220

    Are getting overlapped on each other and coming in only one line.

    How do I fix please let me know.

    Regards,
    Srikanth Thandra

  15. Harry says:

    17:18 07/03/2012

    Hello
    Thank you for the template.
    I use it in a multy language website (English and Greek)
    When i preview an invoice that is been created from the Greek web site (contains Greek text) not any of the Greek words it shows in the invoice.
    I thing the helvetica font (.ttf file) it is not contains the Greek letters.
    Do you know from ware Zend_pdf is pick it up?

    Thanks
    Harry

  16. omar says:

    08:44 02/04/2012

    cant download the files can u send me the new link please

  17. Tristar Author

    Hi Omar,
    The links have now been updated

    Thanks for the heads up.

  18. owain says:

    20:50 11/04/2012

    Hi,
    thanks for a great feature worked brilliant.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Please wrap all source code with [code][/code] tags.

Follow Tristar on Twitter