To change the look of your printed invoices, you will need access to the HTML files and modify them. This article explains how you can edit or change the look of your invoices. When making changes, do not change the variables in the file as that will affect the data presented to the customers.


Applies to Version(s): 3.8.0 - Current


How to Access the File for Printable Invoices


To edit the HTML of your printable invoices, click Settings > Advanced Settings > File Manager. Then, under File Manager, click content > admin > skins > default > templates > pages > order > invoice.html. 

file path


How to Reduce Logo Size to Ensure One-Page Printing of Invoices


If your invoice is printed in 2 pages, your logo might be too big that it requires you to reduce its size. To do this, access the HTML of your printable invoices and follow these steps:


Go to line 8. Change it from:


<img src="{$logo_image}">


To this:


<img style="width: 50%;" src="{$logo_image}">


Adding this styling to the logo will reduce it's size by half. Of course, you can use any % you prefer.




Printable Invoice


If you didn't get your question answered, please contact the Pinnacle Cart Support Team. To submit a ticket, go to the My Account drop-down menu at the top right of the admin area and select Support.