View Single Post
  #1  
Old 10-02-2008, 07:49 PM
 
jaydee jaydee is offline
 

Advanced Member
  
Join Date: Feb 2008
Posts: 37
 

Wink Improved Invoice Layout

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.

Click image for larger version

Name:	invoice.gif
Views:	2033
Size:	30.7 KB
ID:	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: order_data.tpl order_invoice.tpl

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
__________________
jd.
-
X-Cart Gold 4.1.9
Red-Hat Server
Reply With Quote