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.

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.


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 :)

Re: Improved Invoice Layout
 

Hi I had been meaning to update my invoice layout and this gave me a good starting point, a couple of things that didn't work for me or I wasn't keen on.

1) You use a tag vertical-align, this didn't work for me until I changed it to valign, then it was fine, this was the area of the form for the names and addresses.
2) I preferred the original data section, so I restored my order_data.tpl and this was then really good for me, I liked it better, but this is a personal choice thing.

Anyway, thanks for the kick I needed, nice job.

Re: Improved Invoice Layout
 

Hi Jaydee,

Are the new files order_invoice.tpl and order_data.tpl right under your name James for downloading?

I download them anyway and replaced the two old existing files. Did a dummy run. I did not see any changes. Wonder why. Any help is greatly appreciated.

Re: Improved Invoice Layout
 

Did you clear your templates cache?

Depending on your version number (you really should add that to your signature), in admin (ver 4.1.x)... click "summary"... click "tools"... scroll down and you should see "clear templates cache".

Re: Improved Invoice Layout
 

Thank you for your reply.

I am using X-Cart Gold Ver. 4.1.11. I edited the 2 templates at the Administration level. The 2 templates is located at mail/

Also cleared the template cache as advised.

There are still no changes.

Thank you for your help

Re: Improved Invoice Layout
 

If you have "use html" checked in your email settings you are using the templates in the skin1/mail/html folder.

Re: Improved Invoice Layout
 

Hi,

I got it fixed by doing a html change.

Thank you very much. I am very grateful.

Best regards
William B. Francis
www.Let'sFixYourFurniture

Re: Improved Invoice Layout
 

James (jaydee),

Something that has bugged me for quite some time is the way x-cart displays taxes. I notice in your example that (even though it appears to be Australian) your tax (GST 10.00%) is displayed within the confines of the invoice instead of the way the default x-cart displays it as an afterthought ("Subtotal includes XX tax XX% - $xx.xx") under the order total. Did you modify the order_invoice.tpl or the order_data.tpl to get this to display in the manner that your invoice does, or is this just something to do with the way your tax is applied in your country? Can you point specifically to where this is done? Thanks.

Re: Improved Invoice Layout
 

JWait - thanks for helping Will out. I haven't been able to get to the forum for a while...

I'm not familiar with the 'default' way X-Cart displays taxes, unfortunately. When I first installed X-Cart it configured itself for Australian taxes and this is just the way it has remained. I made no modifications to any templates so I assume it's all down to the settings.

Here are my tax settings:
- All 4 'Tax Options' under 'Taxing System' are unchecked. This keeps taxes separate from totals.
- Under the settings for the individual tax rate, 'included into product price' and 'display product price including tax' are unchecked.

Short of changing these settings I don't know what to suggest - it could just be the default Aussie config. We keep our taxes separate as many business customers are tax exempt and so this gives them a closer recommendation of what they pay after their tax rebate.

Happy to help.

Re: Improved Invoice Layout
 

does this mod work with 4.2?