PDF Customisation – to add tracking number.

Jira Code: PROT-70

Tweak in PDF. It would affect both Protec and Boulevard PDF layout.
We already have the Tracking Number showing in the top of the PDF, but many customers are not able to find this. I would like to show the same Tracking Number information on the bottom of the PDF. Likewise, I would like to change the subject of the email that goes out.

Protec Invoice PDF/HTML Template

<?xml version="1.0"?><!DOCTYPE pdf PUBLIC "-//big.faceless.org//report" "report-1.1.dtd">
<pdf>
<head>

    <macrolist>
        <macro id="nlheader">
            <table align="left" cellspacing="0" id="logoclass" style="border-collapse:collapse;">
    <tr>
	<td  width="70%" >
	<table><tr>
		<td>
		<p align="left" style="margin-top: 5px;"><img src="https://system.na1.netsuite.com/core/media/media.nl?id=254836&c=1312745&h=2483fad4245a495342b6" style="width:200px;height:30px" /> </p>
		</td>
		</tr>
		<tr>
		<td>
		<p class="nameandaddress" style="font-size: 10px;margin-top: 7px;color:#3b3b3b ">1340 MANHATTAN AVE.<br />FULLERTON, CA 92831<br />T:714.441.0114 F:714.459.7477<br />PROTECSTYLE.COM</p>
		</td>
		</tr>
        <tr>
        <td>
            <table style="width: 100%;"><tr>
	<th class="Headertitleclass">Invoice#</th>
	<th style="width:15px;background-color:white"> </th>
	<th class="Headertitleclass">Customer PO#</th>
	<th style="width:15px;background-color:white"> </th>
	<th class="Headertitleclass">Sales Order#</th> 
     <th style="width:9px;background-color:white"> </th>          
	</tr>

<tr style="width:100%">
	<th class="Headerbodyclass">${record.tranid}</th>
	<th style="width:15px;background-color:white"> </th>
	<th class="Headerbodyclass">${record.custbody_cust_po_number}</th>
	<th style="width:15px;background-color:white"> </th>
	<th class="Headerbodyclass">${record.custbody_jj_created_from}</th>	
     <th style="width:9px;background-color:white"> </th> 
	</tr></table></td></tr>
      </table>
	</td>
	<td scope="col" style="text-align:center;width:30%"><p align="center"><span style="color: #002554; font-size: 40px; font-weight: bold;">Invoice</span></p>
	<table class="invoicebox" ><tr>
		<td scope="col" > <p style="font-size: 9pt;margin-top: 9px;margin-bottom: 4px;margin-left: 7px;margin-right: 7px;color:#3b3b3b ">
          <b>${record.terms@label}:</b> ${record.terms}
          </p>
		</td>
		
		</tr>
        <tr height="30px">
		<td scope="col" style="text-align: right;"><p style="font-size: 9pt;margin-top: 4px;margin-bottom: 4px;margin-left: 7px;margin-right: 7px;color:#3b3b3b "><b>Invoice date:</b>${record.trandate}</p>
		</td>
		</tr>
		<tr height="30px">
		<td scope="col" style="text-align: right;"><p style="font-size: 9pt;margin-top: 4px;margin-bottom: 9px;margin-left: 7px;margin-right: 7px;color:#3b3b3b "><b>${record.duedate@label}:</b>${record.duedate}</p>
		</td>
		</tr>
		</table>
	
	</td>
             
              </tr></table>
        </macro>
        <macro id="nlfooter">
             
        </macro>
    </macrolist>
    <style type="text/css">.questions{border-right: 2px solid black;} .footerclass{color:#db864e; font-size:10pt; } .footerdataclass{color:#3b3b3b; font-size:9pt;text-align:left } body{font-family:"Helvetica";}table { border-collapse: collapse;  position: static; } th, td { text-align: left; padding: 2px; } .imagetableeven {background-color:#c5cfda;font-size:8pt} .imagetableodd {background-color: #c5cfda;font-size:8pt} #imagetable th { background-color: #db864e; color: white; } #div2Para { display: table; margin: 0px auto 0px auto; padding: 5px; font-size: 7.6pt; background-color:#c5cfda; } .style13 {font-size:9pt;color: #3b3b3b;padding-left:4px;padding-right:4px} .Headertitleclass { text-align: left; color: #002554; width:155px; font-weight:100;font-size: 10pt; } .Headerbodyclass {text-align: left;  background-color: #ffffff; color: #002554;border:1px solid #002554; width:155px; font-weight:bold; font-size:10pt;} .setbgcolor { font: 8pt "Helvetica"; background-color: #c5cfda; width:35%; padding-top:5px; padding-left:5px; } .emptytd {background-color:white; } .headerclass { text-align: left; color:#002554    ; font-weight:100; font: 10pt "Helvetica"; line-height:1px; } .title { font-size: 30pt; color: #002554 ; line-height: 37px; } .titleSub { font-size: 24pt; color: #008DA8 ; } #imagetable th { font-weight:bold;font-size:8pt } #instructiontable td,th {padding:3px} body{font-family:"Helvetica"; } .alignclass{text-align:right;} .alignclassnew{display:block;}#div3Para{font-size:6pt;}.questions{border-right: 2px solid black;}.invoicebox {border:1px solid #002554;margin-top:2px;width:155px;padding-bottom:2px;padding-top:2px;min-height:100px;max-height:100px;}
</style>
</head>
<body header="nlheader" header-height="18%" footer="nlfooter" footer-height="17pt" padding="0.5in 0.5in 0.5in 0.5in" style="height:11.5in;width:8.5in">    
<table  style="width:100%"><tr>
	<th style="font-weight: bold;font-size: 10pt;color:#002554;vertical-align: left;"> ${record.billaddress@label}:  <span style="font-weight: normal;font-size: 10pt;color:#000 ;"> ${record.entity}</span></th>

	<th class="emptytd"> </th>
	<th class="headerclass">${record.shipaddress@label}</th>
	<th class="emptytd"> </th>
	<th class="headerclass">Shipping Details</th>
	</tr>
	<tr>
	<td class="setbgcolor">${record.billaddress}</td>
	<td> </td>
	<td class="setbgcolor">${record.shipaddress}</td>
	<td> </td>
	<td class="setbgcolor">
	<p style="margin-top:3px"><b>${record.shipmethod@label}:</b> ${record.shipmethod}<br/><b>${record.shipdate@label}:</b>${record.shipdate}</p>
	</td>
	</tr>
	</table>

<p style="font-size:10pt;color:#3b3b3b">Shipment Tracking# : ${record.linkedtrackingnumbers}</p>
  
  <#if record.createdfrom.custbody19?has_content>
  <br/>
    <p align="left" style="font-size:10pt;"><b>
  Order Comments: </b>  ${record.createdfrom.custbody19}</p>
  <br/>
    
</#if>


<#if record.item?has_content>

<table align="center" id="imagetable" style="width: 100%;"><#list record.item as item><#if item_index==0>
<thead>
	<tr>
	<th style="font-size:10pt">${item.item@label}</th>
	<th style="font-size:10pt">${item.quantity@label}</th>
	<th style="font-size:10pt">${item.description@label}</th>
	<th style="font-size:10pt">Price</th>
	<th style="font-size:10pt">Ext.Price</th>
	</tr>
</thead>
</#if><tr class="imagetableodd">
	<td>${item.item}</td>
	<td style="font-size:8pt">${item.quantity}</td>
	<td style="max-width:200px;width:140px;font-size:8pt">${item.description}</td>
	<td style="font-size:8pt">${item.rate}</td>
	<td style="font-size:8pt">${item.amount}</td>
	</tr>
	</#list></table>

</#if>

<div>
<p> </p>

<table id="instructiontable" style="width: 100%;"><tr style="line-height: 12px;">
	<td style="color:#FFFFFF;font-size:8pt">sdfsd</td>
	<td style="color:#FFFFFF;font-size:8pt">fsdf</td>
	<td style="background-color:#E3e6e8;font-size:8pt">${record.subtotal@label}</td>
	<td style="background-color:#E3e6e8;font-size:8pt;align:right;padding-right:5px">${record.subtotal}</td>
	</tr>
	<tr>
	<td rowspan="7" style="width:50%;">
	<p align="center" style="padding-left: 10px;font-size:13pt;color:#002554;padding-bottom:25px;"><b>We appreciate your business. Rock On!!</b></p>
	<p align="center" style="padding-left: 10px;font-size:13pt;color:#eb0e0e;padding-top:-10px;"><br />Track Your Shipments:<br />${record.linkedtrackingnumbers}</p>
	</td>
	<td> </td>
	<td style="background-color:#E3e6e8;font-size:8pt;">Freight & Handling</td>
	<td style="background-color:#E3e6e8;font-size:8pt;padding-right:5px;align:right">${record.shippingCost}</td>
	</tr>
	<tr>
	<td> </td>
	<td style="background-color:#E3e6e8;font-size:8pt;">${record.taxtotal@label}(${record.taxrate}%)</td>
	<td style="background-color:#E3e6e8;font-size:8pt;align:right;padding-right:5px">${record.taxtotal}</td>
	</tr>
	<tr>
	<td> </td>
	<td style="background-color:#E3e6e8"> </td>
	<td style="background-color:#E3e6e8"> </td>
	</tr>
	<tr style="min-height:10px">
	<td> </td>
	<td style="background-color:#E3e6e8;font-size:14pt;font-weight:bold">${record.total@label}</td>
	<td style="background-color:#E3e6e8;align:right;padding-right:5px"><span style="font-size:14pt"><b>${record.total}</b></span></td>
	</tr>
	<tr style="line-height:1px; background-color:#ffffff ">
	<td> </td>
	<td></td>
	<td></td>
	</tr>
	<tr>
        
    <!--IF terms is prepaid or credit card -->
	<#assign term>${record.terms}</#assign>     
    <#if term == "PREPAID" || term == "CREDIT CARD" >
    <!--PAID BOX STARTS HERE-->
	<td rowspan="3"><table border="1pt" ><tbody><tr><td style="color:#eb0e0e;font-size:18pt" width="90%">PAID</td></tr></tbody></table></td>
    <!--PAID BOX ENDS HERE-->
    <#else>
    <td rowspan="3"><table border="0pt" ><tbody><tr><td> </td></tr></tbody></table></td>
    </#if>
    
	<td style="background-color:#E3e6e8;font-size:8pt;font-weight:bold">Amount Paid</td>
	<td style="background-color:#E3e6e8;font-size:8pt;font-weight:bold;align:right;padding-right:5px">${record.amountpaid}</td>
	</tr>
	<tr>

	<td style="background-color:#E3e6e8;font-size:10pt;font-weight:bold">Balance Due</td>
	<td style="background-color:#E3e6e8;font-size:10pt;font-weight:bold;align:right;padding-right:5px">${record.amountremaining}</td>
	</tr>
	<tr style="background-color:#FFFFFF;min-height:5px">
	<td> </td>
	<td> </td>
	<td colspan="2"> </td>
	</tr>

	</table>

</div>

<table  border="0"  width="100%" ><tr>
	<td colspan="2" class="footerclass">Questions regarding this Invoice? Please contact : </td>
	<td colspan="2" class="footerclass" style="align:right;padding-left:5px">Please Remit Payments To : </td>
	</tr>
  <tr>
    <td colspan="2" class="footerdataclass">Accounts Receivable <br /> 714-441-0114<br/> sales@protecstyle.com</td>
	<td colspan="2" class="footerdataclass" style="align:right;">Protec <br />1340 Manhattan Avenue          <br/> Fullerton, CA 92831</td>
  </tr>
  <tr style="background-color:#FFFFFF;min-height:10px">
	<td> </td>
	<td colspan="2"> </td>
	</tr>
	</table>

<table align="center" border=".25" cellpadding="1px" cellspacing="0" style="margin-top:1px;width:100%">
 
  <tr>
	<td>
	<div id="div3Para">
	<p align="justify" class="style13">Please Note: ANY product shortage must be reported within <b><u>5</u></b> days from date received. ANY returns <b><u>MUST</u></b> include a Return Authorization (RA#) or the return will be refused. Shipping charges to and from Protec are the responsibility of the purchaser. To obtain a Return Authorization Number, please email: sales@protecstyle.com or call us M-F, 8am- 5pm PST (714) 441-0114.</p>
	</div>
	</td>
	</tr></table>
</body>
</pdf>

Nail Genie Invoice PDF/HTML Template

<?xml version="1.0"?><!DOCTYPE pdf PUBLIC "-//big.faceless.org//report" "report-1.1.dtd">
<pdf>
<head>
<#if .locale == "ru_RU">
    <link name="verdana" type="font" subtype="opentype" src="${nsfont.verdana}" src-bold="${nsfont.verdana_bold}" bytes="2" />
</#if>
    <macrolist>
        <macro id="nlheader">
            <table align="left" cellspacing="0" id="logoclass" style="border-collapse:collapse;"><tr>
	<td rowspan="2" scope="col" width="425">
	<table><tr>
		<td>
		<p align="left" style="margin-top: 5px;"><img src="https://system.na1.netsuite.com/core/media/media.nl?id=535&c=1312745&h=2204bb9caa70411d50b2" style="width: 200px; height: 103px;" /></p>
		</td>
		</tr>
		<tr>
		<td>
		<p class="nameandaddress" style="font-size: 10px;margin-top: 7px;color:#3b3b3b ">1340 MANHATTAN AVE.<br />FULLERTON, CA 92831<br />T:1-866-786-5336 F:714.459.7477<br />THENAILGENIE.COM</p>
		</td>
		</tr></table>
	</td>
	<td scope="col" style="text-align: right;"><span style="color: #002554; font-size: 40px; font-weight: bold;">Invoice</span>
	<table style="width:155px;padding-bottom:2px;padding-top:2px;min-height:100px;max-height:100px;"><tr>
		<td scope="col" style="text-align:right;"><p style="font-size: 9pt;margin-top: 12px;color:#3b3b3b"><b>${record.terms@label}:</b> ${record.terms}</p>
		</td>
		
		</tr>
		<tr height="30px">
		<td scope="col" style="text-align: right;"><p style="font-size: 9pt;margin-top: 10px;margin-bottom: 10px;margin-left: 7px;margin-right: 7px;color:#3b3b3b "><b>${record.duedate@label}:</b> ${record.duedate}</p>
		</td>
		</tr>
		</table>
	
	</td>
             
              </tr></table>

<table style="width: 100%;"><tr>
	<th class="Headertitleclass">Invoice#</th>
	<th style="width:10px;background-color:white"> </th>
	<th class="Headertitleclass">Customer PO#</th>
	<th style="width:10px;background-color:white"> </th>
	<th class="Headertitleclass">Sales Order#</th>
	<th style="width:10px;background-color:white"> </th>
	<th class="Headertitleclass">Date</th>
	</tr>

<tr style="width:100%">
	<th class="Headerbodyclass">${record.tranid}</th>
	<th style="width:10px;background-color:white"> </th>
	<th class="Headerbodyclass">${record.custbody_cust_po_number}</th>
	<th style="width:10px;background-color:white"> </th>
	<th class="Headerbodyclass">${record.custbody_jj_created_from}</th>
	<th style="width:10px;background-color:white"> </th>
	<th class="Headerbodyclass">${record.trandate}</th>
	</tr></table>
        </macro>
        <macro id="nlfooter">
             
        </macro>
    </macrolist>
    <style type="text/css">.questions{border-right: 2px solid black;} .footerclass{color:#FC5F29; font-size:10pt; } .footerdataclass{color:#3b3b3b; font-size:9pt;text-align:left } body{font-family:"Helvetica";}table { border-collapse: collapse;  position: static; } th, td { text-align: left; padding: 2px; } .imagetableeven {background-color:#E3e6e8;font-size:8pt} .imagetableodd {background-color: #E3e6e8;font-size:8pt} #imagetable th { background-color: #002554; color: white; } #div2Para { display: table; margin: 0px auto 0px auto; padding: 5px; font-size: 7.6pt; background-color:#E3e6e8; } .style13 {font-size:9pt;color: #3b3b3b;padding-left:4px;padding-right:4px} .Headertitleclass { text-align: left; color: #002554; width:24%; font-weight:100;font-size: 10pt; } .Headerbodyclass {text-align: left; padding: 6px;  background-color: #002554; color: #ffffff; width:24%; font-weight:bold; font-size:8pt;} .setbgcolor { font: 8pt "Helvetica"; background-color: #E3e6e8; width:35%; padding-top:5px; padding-left:5px; } .emptytd {background-color:white; } .headerclass { text-align: left; color:#002554    ; font-weight:100; font: 10pt "Helvetica"; line-height:1px; } .title { font-size: 30pt; color: #002554 ; line-height: 37px; } .titleSub { font-size: 24pt; color: #008DA8 ; } #imagetable th { font-weight:bold;font-size:8pt } #instructiontable td,th {padding:3px} body{font-family:"Helvetica"; } .alignclass{text-align:right;} .alignclassnew{display:block;}#div3Para{font-size:6pt;}.questions{border-right: 2px solid black;}
</style>
</head>
<body header="nlheader" header-height="23%" footer="nlfooter" footer-height="17pt" padding="0.5in 0.5in 0.5in 0.5in" style="height:11.5in;width:8.5in">
<table  style="width:100%"><tr>
	<th class="headerclass">${record.billaddress@label}</th>
	<th class="emptytd"> </th>
	<th class="headerclass">${record.shipaddress@label}</th>
	<th class="emptytd"> </th>
	<th class="headerclass">Shipping Details</th>
	</tr>
	<tr>
	<td class="setbgcolor">${record.billaddress}</td>
	<td> </td>
	<td class="setbgcolor">${record.shipaddress}</td>
	<td> </td>
	<td class="setbgcolor">
	<p style="margin-top:3px"><b>${record.shipmethod@label}:</b> ${record.shipmethod}<br/><b>${record.shipdate@label}:</b>${record.shipdate}</p>
	</td>
	</tr>
	</table>

<p style="font-size:10pt;color:#3b3b3b">Shipment Tracking# : ${record.linkedtrackingnumbers}</p>


<#if record.item?has_content>

<table align="center" id="imagetable" style="width: 100%;"><#list record.item as item><#if item_index==0>
<thead>
	<tr>
	<th style="font-size:10pt">${item.item@label}</th>
	<th style="font-size:10pt">${item.quantity@label}</th>
	<th style="font-size:10pt">${item.description@label}</th>
	<th style="font-size:10pt">Price</th>
	<th style="font-size:10pt">Ext.Price</th>
	</tr>
</thead>
</#if><tr class="imagetableodd">
	<td>${item.item}</td>
	<td style="font-size:8pt">${item.quantity}</td>
	<td style="max-width:200px;width:140px;font-size:8pt">${item.description}</td>
	<td style="font-size:8pt">${item.rate}</td>
	<td style="font-size:8pt">${item.amount}</td>
	</tr>
	</#list></table>

</#if>

<div>
<p> </p>

<table id="instructiontable" style="width: 100%;"><tr style="line-height: 12px;">
	<td style="color:#FFFFFF;font-size:8pt">sdfsd</td>
	<td style="color:#FFFFFF;font-size:8pt">fsdf</td>
	<td style="background-color:#E3e6e8;font-size:8pt">${record.subtotal@label}</td>
	<td style="background-color:#E3e6e8;font-size:8pt;align:right;padding-right:5px">${record.subtotal}</td>
	</tr>
	<tr>
	<td rowspan="7" style="width:50%;">
	<p align="center" style="padding-left: 10px;font-size:13pt;color:#002554"><b>We appreciate your business!</b></p>
	<p align="center" style="padding-left: 10px;font-size:13pt;color:#eb0e0e;"><br />Track Your Shipments:<br />${record.linkedtrackingnumbers}<br /></p>
	
	</td>
	<td> </td>
	<td style="background-color:#E3e6e8;font-size:8pt;">Freight & Handling</td>
	<td style="background-color:#E3e6e8;font-size:8pt;padding-right:5px;align:right">${record.shippingCost}</td>
	</tr>
	<tr>
	<td> </td>
	<td style="background-color:#E3e6e8;font-size:8pt;">${record.taxtotal@label}(${record.taxrate}%)</td>
	<td style="background-color:#E3e6e8;font-size:8pt;align:right;padding-right:5px">${record.taxtotal}</td>
	</tr>
	<tr>
	<td> </td>
	<td style="background-color:#E3e6e8"> </td>
	<td style="background-color:#E3e6e8"> </td>
	</tr>
	<tr style="min-height:10px">
	<td> </td>
	<td style="background-color:#E3e6e8;font-size:14pt;font-weight:bold">${record.total@label}</td>
	<td style="background-color:#E3e6e8;align:right;padding-right:5px"><span style="font-size:14pt"><b>${record.total}</b></span></td>
	</tr>
	<tr style="line-height:1px; background-color:#ffffff ">
	<td> </td>
	<td></td>
	<td></td>
	</tr>
	<tr>
	<!--IF terms is prepaid or credit card -->
	<#assign term>${record.terms}</#assign>     
    <#if term == "PREPAID" || term == "CREDIT CARD" >
    <!--PAID BOX STARTS HERE-->
	<td rowspan="3"><table border="1pt" ><tbody><tr><td style="color:#eb0e0e;font-size:18pt" width="90%">PAID</td></tr></tbody></table></td>
    <!--PAID BOX ENDS HERE-->
    <#else>
    <td rowspan="3"><table border="0pt" ><tbody><tr><td> </td></tr></tbody></table></td>
    </#if>
	<td style="background-color:#E3e6e8;font-size:8pt;font-weight:bold">Amount Paid</td>
	<td style="background-color:#E3e6e8;font-size:8pt;font-weight:bold;align:right;padding-right:5px">${record.amountpaid}</td>
	</tr>
	<tr>
	
	<td style="background-color:#E3e6e8;font-size:10pt;font-weight:bold">Balance Due</td>
	<td style="background-color:#E3e6e8;font-size:10pt;font-weight:bold;align:right;padding-right:5px">${record.amountremaining}</td>
	</tr>
	<tr style="background-color:#FFFFFF;min-height:10px">
	<td> </td>
	<td> </td>
	<td colspan="2"> </td>
	</tr>

	</table>

<p> </p>
</div>

<table  border="0"  width="100%" ><tr>
	<td colspan="2" class="footerclass">Questions regarding this Invoice? Please contact : </td>
	<td colspan="2" class="footerclass" style="align:right;padding-left:5px">Please Remit Payments To : </td>
	</tr>
  <tr>
    <td colspan="2" class="footerdataclass">Accounts Receivable <br /> 1-866-786-5336<br/> sales@thenailgenie.com</td>
	<td colspan="2" class="footerdataclass" style="align:right;">Nail Genie <br />1340 Manhattan Avenue          <br/> Fullerton, CA 92831</td>
  </tr>
  <tr style="background-color:#FFFFFF;min-height:10px">
	<td> </td>
	<td colspan="2"> </td>
	</tr>
	</table>

<table align="center" border=".25" cellpadding="1px" cellspacing="0" style="margin-top:1px;width:100%">
 
  <tr>
	<td>
	<div id="div3Para">
	<p align="justify" class="style13">Please Note: ANY product shortage must be reported within <b><u>5</u></b> days from date received. ANY returns <b><u>MUST</u></b> include a Return Authorization (RA#) or the return will be refused. Shipping charges to and from Nail Genie are the responsibility of the purchaser. To obtain a Return Authorization Number, please email: sales@thenailgenie.com or call us M-F, 8am- 5pm PST 1 (866) 786-5336.</p>
	</div>
	</td>
	</tr></table>
</body>
</pdf>

Leave a comment

Your email address will not be published. Required fields are marked *