Using our basic template in Brightpearl


We have a basic template for integrated labels for all our supported carriers in brightpearl.

To add the attached file as a template in Brightpearl either create a new Template or select an existing one to edit.

Select the 'html mode'



Paste in the following template code and hit save:


  

<style type="text/css"><!--
		@page {
			size: A4 landscape; /* can use also 'landscape' for orientation */
 			width:  29.7 cm;
  			height: 21 cm;
  			margin: 0;

}

#main {font-size:10px;}


		.rotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}


--></style>

<div id="main">
<table id="labels" style="width: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;" border="0" cellspacing="0" cellpadding="0">
<tbody>
	<tr>
		<td class="left" valign="top" width="42%;">%logo%

		<div style="width: 99.5%; overflow: hidden;">

				<table id="labels" style="font-family: Verdana, Arial, Helvetica, sans-serif;" border="0" cellspacing="0" cellpadding="2">
				<tbody>

				<tr>
					<td class="left" valign="top" width="21%;"><strong>Order No:</strong> _orderRef_<br /> <strong>Customer:</strong> _contactName_<br /> <strong>Phone:</strong> _customerTel_<br /> <strong>Comments:</strong> _orderComments_</td>
					<td class="left" valign="top" width="21%;"><strong>Ship to:</strong><br />_deliveryAddress_</td>
				</tr>

				<tr>
				<td valign="top" colspan="2">
				<p><strong>Thank you for your order!</strong></p>
				<p><strong>xxxxxx xxx xxx</strong> - xx xxxxxxxx xxxx, xxxxxxx, xxxxxx, xxx xxx<br /><strong>Registration No:</strong> xxxxxxxx <strong>VAT No:</strong> xxxxxxx</p>
				</td>
				</tr>

				</tbody>
				</table>

		</div>
		</td>

		<td class="right" valign="top" width="58%;">
		<div style="height:3.8in;width:5.77in;margin-left:100px;margin-top:5px;" class="rotate90">
		<img src="_gnLabelUri_" border="0" style="max-width:3.8in;max-height:5.77in;" >	
	</div>

	
		</td>
	</tr>
</tbody>
</table>
</div>


<!-- Product Table -->

<table id="labels" style="width: 100%; margin-top: -150px; font-family: Verdana, Arial, Helvetica, sans-serif;" border="0" cellspacing="0" cellpadding="2">
<tbody>

<tr>
<td valign="top">
<p style="font-size: 9px;">_productTable_</p>
</td>
</tr>

</tbody>
</table>

  


Important note

Brightpearl's templating system in 'visual mode' will add extra formatting around the HTML, thus if you switch to that view at any point and switch back to the HTML view and hit save, you'll have picked up extra formatting causing the template to become incorrect.  This also means that to edit the template at any point after you've saved it, you'll need to re-paste in the HTML code, as by default Brightpearl's template editor page starts in visual mode.