View Single Post
  #21  
Old 06-22-2009, 03:53 AM
 
Learner Learner is offline
 

X-Adept
  
Join Date: Dec 2008
Posts: 807
 

Default Re: Improved Invoice Layout

Quote:
Originally Posted by jaydee
Here's my redesigned invoice for X-Cart Orders. The default one felt crowded and disorganised so I've created a layout that promotes the important information and cuts down on useless text.

Attachment 1158

This was developed on X-Cart 4.1.9. I can't speak for older/newer versions.

Known Issues:
- May not look 'right' if your company logo is taller than it is wide.
- I've redesigned the layout for the information I choose to have on the invoice. If you show CC info or NetBanx references, you'll have to reformat/redesign these parts yourself.
- This *may* rely on some of my CSS mods, but most styles are inline.
- Language variables not used in footer/customer details.

Instructions:

1. Replace skin1/mail/html/order_invoice.tpl with the file attached (BACKUP THE ORIGINAL).

2. Replace skin1/mail/html/order_data.tpl with the file attached (BACKUP THE ORIGINAL).

3. In line 11 of order_invoice.tpl, replace <img src="/skin1/images/xlogo.gif" alt="" height="67" width="244" /> with the path/size/alt of your company logo.

Done!

Now View an old order or make a test one and see what you think

James.

Code:
Download these files: Attachment 1156 Attachment 1157

Updates:
- You need to be using HTML email for this to work. General Settings > Email Options > HTML mail.
- You may need to clear your templates cache.
- Change 'vertical-align' tags to 'valign'. Laziness on my part

Hi,
Is it possible to add brand's/manufacturer's logo in mail/html/order_invoice.tpl at the bottom?

Thanks to all.
__________________
4.6.1 Platinum


Reply With Quote