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

Compact Attractive Invoice

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions
 
Thread Tools Search this Thread
  #1  
Old 05-18-2008, 08:09 AM
 
Troy Troy is offline
 

Member
  
Join Date: Apr 2008
Location: Santa Barbara CA
Posts: 13
 

Default Compact Attractive Invoice

See attached for revised invoice format, free for you to adapt as you see fit.
Click image for larger version

Name:	CompactInvoice.jpg
Views:	1072
Size:	16.2 KB
ID:	942

Main changes: User and Order info on same row; field names right-aligned; bolding swapped so user sees what matters to them; banner logo across top.

Involves:
- extensive changes to mail/html/order_invoice.tpl
- adding two language labels related to store hours
- changing table widths (but NOT th widths) in mail/html/order_data.tpl from 100% to 600

The revised order_invoice file is now 434 lines, so as a newbie I'd appreciate some guidance on how best to post the file for others to access.

Cheers.
Troy

PS - The site where this will be used is not yet live. You could test it using our dev site at http://calligraphybycarla.ndic.com/estore.
__________________
Troy
X-Cart 4.1.8 Win
CalligraphyByCarla
In Preview mode
Reply With Quote
  #2  
Old 05-18-2008, 09:16 AM
 
carpeperdiem carpeperdiem is offline
 

X-Guru
  
Join Date: Jul 2006
Location: New York City, USA
Posts: 5,399
 

Default Re: Compact Attractive Invoice

Troy,

Congratulations on mastering the order_invoice.tpl

May I suggest:

1. kill the field names. Most people don't need to see the field: "name" before their name. They know this is their name (usually)
2. Combine city/state/zip for US addresses into one line.
3. Combine first/last name into one line.
4. Move NAME from "personal info" to the billing name
IN fact, I'd move all the "personal info" field to billing section... (or vice versa)

etc...

You've definitely improved on the stock invoice, but I would take it all the way.

How would YOU want the invoice to look if you were the customer?

In my opinion, less is more (that is make sure it prints on 1 page of letter paper)

Hope this helps,

Jeremy
__________________
xcart 4.5.4 gold+ w/x-payments 1.0.6; xcart gold 4.4.4
Reply With Quote
  #3  
Old 05-18-2008, 12:03 PM
 
Freakmode Freakmode is offline
 

X-Adept
  
Join Date: Jun 2003
Location: UK
Posts: 696
 

Default Re: Compact Attractive Invoice

Here is ours - the customers address (in the top right) prints in the peel off window of the integrated label invoice paper we use. Peel it off and slap it on the envelope or parcel. Also prints off the senders address on a line below.
Attached Thumbnails
Click image for larger version

Name:	invoice.jpg
Views:	534
Size:	40.4 KB
ID:	943  
__________________
X-Cart 4.7.12 (Live)
Redux Template
CDSEO
Reply With Quote
  #4  
Old 05-18-2008, 04:17 PM
 
tamicampos tamicampos is offline
 

Advanced Member
  
Join Date: Feb 2008
Posts: 38
 

Default Re: Compact Attractive Invoice

Would you mind sharing your code and which labels the invoice is compatible with? Thanks.
__________________
X-Cart 4.1.9
Reply With Quote
  #5  
Old 05-18-2008, 05:38 PM
 
Troy Troy is offline
 

Member
  
Join Date: Apr 2008
Location: Santa Barbara CA
Posts: 13
 

Default Re: Compact Attractive Invoice

Glad to share the code if someone will tell me the best way. Should I just put it all in a Reply, or should I post it somewhere online, or should I email it to requesters??

Carpeperdiem, thanks for stating the obvious; truly. So obvious that I missed it. Will do.

01bodyjewelry, can you tell me what label stock you use? I'd not considered the possibility yet?

Tamicampos, sorry but mine was not designed for a label.
__________________
Troy
X-Cart 4.1.8 Win
CalligraphyByCarla
In Preview mode
Reply With Quote
  #6  
Old 05-18-2008, 05:47 PM
 
carpeperdiem carpeperdiem is offline
 

X-Guru
  
Join Date: Jul 2006
Location: New York City, USA
Posts: 5,399
 

Default Re: Compact Attractive Invoice

Quote:
Should I just put it all in a Reply,

Absolutely. The forum is here to share code...

Tip: click on "go advanced" and you will see additional icons above the message input field... if you select some code, then click on the icon that looks like "#" - it will wrap CODE tags around your selected text. This is THE BEST WAY to post code, since the formatting is preserved,

For example, use this to ONLY show country if NOT the US:

Code:
{if $_userinfo.default_fields.b_country eq "United States"}{else} <tr> <td>{$order.b_countryname}</td> </tr> {/if}

Code:
{if $_userinfo.default_fields.s_country eq "United States"}{else} <tr> <td>{$order.s_countryname}</td> </tr> {/if}
__________________
xcart 4.5.4 gold+ w/x-payments 1.0.6; xcart gold 4.4.4
Reply With Quote
  #7  
Old 05-19-2008, 12:20 AM
 
Freakmode Freakmode is offline
 

X-Adept
  
Join Date: Jun 2003
Location: UK
Posts: 696
 

Default Re: Compact Attractive Invoice

The integrated labels we use are from

http://www.integratedlabels.co.uk/Single-Label-Integrated-Label-Paper.html

We are based in the UK but I would think you could source these from your local country - also please rememeber that they are A4 size
Attached Files
File Type: tpl order_invoice.tpl (9.4 KB, 172 views)
__________________
X-Cart 4.7.12 (Live)
Redux Template
CDSEO
Reply With Quote
  #8  
Old 05-20-2008, 12:52 AM
 
Troy Troy is offline
 

Member
  
Join Date: Apr 2008
Location: Santa Barbara CA
Posts: 13
 

Default Re: Compact Attractive Invoice

I'll post the code after I make the additional changes recommended by carpeperdiem.
__________________
Troy
X-Cart 4.1.8 Win
CalligraphyByCarla
In Preview mode
Reply With Quote
  #9  
Old 06-04-2008, 03:49 PM
 
Primordial Performance Primordial Performance is offline
 

Advanced Member
  
Join Date: Oct 2007
Posts: 49
 

Default Re: Compact Attractive Invoice

where do i go to do custom invoice work??
__________________
Primordial Performance X-cart 4.2.10
Modules: Advanced Order Management, Checkout_one, Discount Coupons, Extra Fields, FedEx Rates, FedEx Ship, FedEx Subscription, FedEx Track, HTML Editor, Order Tracking, On-Sale, and X-Affiliate,
BCSE Reward Points System,
Upselling Products,
Product Options,
Reply With Quote
  #10  
Old 06-04-2008, 03:51 PM
 
balinor balinor is offline
 

Veteran
  
Join Date: Oct 2003
Location: Connecticut, USA
Posts: 30,253
 

Default Re: Compact Attractive Invoice

As mentioned above:

mail/html/order_invoice.tpl
__________________
Padraic Ryan
Ryan Design Studio
Professional E-Commerce Development
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions



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 02:20 PM.

   

 
X-Cart forums © 2001-2020