Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls

Improved Invoice Layout
 
Reply
   X-Cart forums > X-Cart 4 > Changing and adding new features
 
Thread Tools Search this Thread
  #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:	1528
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

The following 4 users thank jaydee for this useful post:
Dan.roh (09-14-2009), jon@leapfrogcomputers.co. (07-16-2010), Keely (02-14-2010), mjcallos (02-11-2010)
  #2  
Old 10-05-2008, 01:23 PM
 
chris.barber chris.barber is offline
 

Advanced Member
  
Join Date: Sep 2007
Posts: 74
 

Default 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.
__________________
Chris Barber
Version 4.1.9
MOD - BCSE Shipping Estimator
MOD - Shopzilla Feed
MOD - Price Match with Captcha
MOD - Links Manager 2008
MOD - One Page Checkout
MOD - Sitemap
Reply With Quote
  #3  
Old 10-07-2008, 02:55 AM
 
letsfixyourfurniture.com letsfixyourfurniture.com is offline
 

Newbie
  
Join Date: Oct 2008
Posts: 7
 

Default 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.
__________________
X-Cart Gold v4.1.11
www.LetsFixYourFurniture.com
Reply With Quote
  #4  
Old 10-09-2008, 06:56 AM
  JWait's Avatar 
JWait JWait is offline
 

X-Man
  
Join Date: Nov 2005
Location: California
Posts: 2,440
 

Default 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".
__________________
Two Separate X-Cart Stores
Version 4.4.4 Gold - X-AOM - Vivid Dreams Aquamarine (modified) - Linux
Mods - Newest Products - View All -, and a few others. Numerous upgrades from 4.0.x series.
Integrated with Stone Edge Order Manager + POS

Version 4.1.12 Gold (fresh install) - X-AOM - Linux
Mods - XCSEO free
Reply With Quote
  #5  
Old 10-09-2008, 05:47 PM
 
letsfixyourfurniture.com letsfixyourfurniture.com is offline
 

Newbie
  
Join Date: Oct 2008
Posts: 7
 

Default 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

__________________
X-Cart Gold v4.1.11
www.LetsFixYourFurniture.com
Reply With Quote
  #6  
Old 10-10-2008, 04:12 AM
  JWait's Avatar 
JWait JWait is offline
 

X-Man
  
Join Date: Nov 2005
Location: California
Posts: 2,440
 

Default 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.
__________________
Two Separate X-Cart Stores
Version 4.4.4 Gold - X-AOM - Vivid Dreams Aquamarine (modified) - Linux
Mods - Newest Products - View All -, and a few others. Numerous upgrades from 4.0.x series.
Integrated with Stone Edge Order Manager + POS

Version 4.1.12 Gold (fresh install) - X-AOM - Linux
Mods - XCSEO free
Reply With Quote
  #7  
Old 10-10-2008, 08:24 PM
 
letsfixyourfurniture.com letsfixyourfurniture.com is offline
 

Newbie
  
Join Date: Oct 2008
Posts: 7
 

Default 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
__________________
X-Cart Gold v4.1.11
www.LetsFixYourFurniture.com
Reply With Quote
  #8  
Old 10-14-2008, 06:06 AM
  JWait's Avatar 
JWait JWait is offline
 

X-Man
  
Join Date: Nov 2005
Location: California
Posts: 2,440
 

Default 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.
__________________
Two Separate X-Cart Stores
Version 4.4.4 Gold - X-AOM - Vivid Dreams Aquamarine (modified) - Linux
Mods - Newest Products - View All -, and a few others. Numerous upgrades from 4.0.x series.
Integrated with Stone Edge Order Manager + POS

Version 4.1.12 Gold (fresh install) - X-AOM - Linux
Mods - XCSEO free
Reply With Quote
  #9  
Old 10-17-2008, 07:02 PM
 
jaydee jaydee is offline
 

Advanced Member
  
Join Date: Feb 2008
Posts: 37
 

Default 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.
__________________
jd.
-
X-Cart Gold 4.1.9
Red-Hat Server
Reply With Quote
  #10  
Old 04-08-2009, 03:40 AM
 
CTC CTC is offline
 

Advanced Member
  
Join Date: Nov 2006
Posts: 60
 

Default Re: Improved Invoice Layout

does this mod work with 4.2?
__________________
There are 3 types of ppl in the world those who can add and those who can not.

Running X-Cart Gold V 4.2
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Changing and adding new features


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 07:11 AM.

   

 
X-Cart forums © 2001-2018