It is very simple to make Customer invoice/order/shipment Template by following step.
System > Transactional
Emails > Add Template
·
Select "New
Invoice"
·
Template Name: New
Invoice
·
Template Subject:
{{var store.getFrontendName()}}: Invoice #
{{var invoice.increment_id}} for Order # {{var order.increment_id}}
·
Template Conent:
<body style="background:#F6F6F6; font-family:Verdana,
Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0;">
<div style="background:#F6F6F6; font-family:Verdana,
Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0;">
<table cellspacing="0" cellpadding="0"
border="0" height="100%" width="100%">
<tr>
<td
align="center" valign="top" style="padding:12px 0 12px
0">
<!-- [ header
starts here] -->
<table
bgcolor="#FFFFFF" cellspacing="0"
cellpadding="10" border="0" width="650"
style="border:1px solid #E0E0E0;">
<tr>
<td
valign="top"><a href="{{store
url="/webroot/media/email/logo/default"}}"><img
src="{{var logo_url}}" alt="{{var logo_alt}}"
style="margin-bottom:1px;"
border="0"/></a></td>
</tr>
<!-- [ middle
starts here] -->
<tr>
<td valign="top">
<hr
size="1">
<br><p style="font-size:12px; line-height:9px;
margin:0;">INNOVA Solar Syatem,
D-108 , Sector-63 Noida-201301 </p></br>
<hr
size="1">
<h1
style="font-size:22px; font-weight:normal; line-height:22px; margin:0 0
11px 0;"">Hello, {{htmlescape
var=$order.getCustomerName()}}</h1>
<p
style="font-size:12px; line-height:16px; margin:0;">
Thank you for your order from {{var store.getFrontendName()}}.
You can check the status of your order by <a href="{{store
url="customer/account/"}}"
style="color:#1E7EC8;">logging into your account</a>.
If
you have any questions about your order please contact us at <a
href="mailto:{{config path='trans_email/ident_support/email'}}"
style="color:#1E7EC8;">{{config
path='trans_email/ident_support/email'}}</a> or call us at <span
class="nobr">{{config
path='general/store_information/phone'}}</span> Monday - Friday, 8am -
5pm PST. <br>Delivery Time: seven working days. </br>
<hr
size="1">
</p>
</td>
</tr>
<tr>
<td>
<h2
style="font-size:18px; font-weight:normal; margin:0;">Your Invoice
#{{var invoice.increment_id}} {{var order.getShippingDate()}}{{var
invoice.created_at}} for Order #{{var order.increment_id}}</h2>
</td>
</tr>
<tr>
<td>
<table cellspacing="0" cellpadding="0"
border="0" width="650">
<thead>
<tr>
<th align="left" width="325"
bgcolor="#EAEAEA" style="font-size:13px; padding:5px 9px 6px
9px; line-height:1em;">Billing Information:</th>
<th
width="10"></th>
<th align="left" width="325"
bgcolor="#EAEAEA" style="font-size:13px; padding:5px 9px 6px
9px; line-height:1em;">Payment Method:</th>
</tr>
</thead>
<tbody>
<tr>
<td valign="top" style="font-size:12px; padding:7px
9px 9px 9px; border-left:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA;
border-right:1px solid #EAEAEA;">
{{var order.billing_address.format('html')}}
</td>
<td> </td>
<td valign="top" style="font-size:12px; padding:7px
9px 9px 9px; border-left:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA;
border-right:1px solid #EAEAEA;">
{{var payment_html}}
</td>
</tr>
</tbody>
</table>
<br/>
{{depend order.getIsNotVirtual()}}
<table cellspacing="0" cellpadding="0"
border="0" width="100%">
<thead>
<tr>
<th align="left"
width="325" bgcolor="#EAEAEA" style="font-size:13px;
padding:5px 9px 6px 9px; line-height:1em;">Shipping
Information:</th>
<th width="10"></th>
<th align="left" width="325"
bgcolor="#EAEAEA" style="font-size:13px; padding:5px 9px 6px
9px; line-height:1em;">Shipping Method:</th>
</tr>
</thead>
<tbody>
<tr>
<td valign="top"
style="font-size:12px; padding:7px 9px 9px 9px; border-left:1px solid
#EAEAEA; border-bottom:1px solid #EAEAEA; border-right:1px solid
#EAEAEA;">
{{var order.shipping_address.format('html')}}
</td>
<td> </td>
<td valign="top" style="font-size:12px; padding:7px
9px 9px 9px; border-left:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA;
border-right:1px solid #EAEAEA;">
{{var order.shipping_description}}
</td>
</tr>
</tbody>
</table>
<br/>
{{/depend}}
{{layout area="frontend"
handle="sales_email_order_invoice_items" invoice=$invoice
order=$order}}
<p
style="font-size:1px; margin:0 10px 10px 0;">{{var comment}}</p>
</td>
</tr>
<tr>
<td
bgcolor="#EAEAEA" align="center"
style="background:#EAEAEA; text-align:center;"><center><p
style="font-size:12px; margin:0;">Thank you again,
<strong>{{var store.getFrontendName()}}</strong></strong></p></center></td>
<tr>
<td
valign="top">
<h1
style="font-size:10px; font-weight:normal; line-height:10px; margin:0 0
9px 0;"">Warranty:{{htmlescape
var=$order.getCustomerName()}}</h1>
Products will be covered under one year warranty from the date
of Invoice.
<br>Return Policy: Product defaulted to be considered
under repair & replacement as per product type.</br>
*Keep this invoice and manufacturer box for warranty
purpose.<n>“SUBJECT TO DELHI JUSRISDICTION”:
VAT/CST Number: 07490263994
PAN NO: AABCI0494E
CIN No.U51395DL2001PTC110979</br></n>
<p style="font-size:12px; line-height:16px;
margin:0;">
</p>
</td>
</tr>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
You Can change Content According to you also
·
Template Styles
body,td { color:#2f2f2f; font:11px/1.35em
Verdana, Arial, Helvetica, sans-serif; }
Company Name
And then Save.
ConversionConversion EmoticonEmoticon