Overview

You have two templates that make up the Purchase Order that is sent to the supplier. The first template is the one you can see very easily that can either be edited in line with the editor or at source by editing the HTML.

 

screenshot-template

 
 

You can edit any of the labels and add new Fields using the placeholders.

2

Line Items

The line items have their own template though. So although you can edit the columns as shown above, and choose to have the values shown that you require, you need to edit the line item template which is below the main template. This looks like the one shown below:
 

line items

The big Gotcha with this is that you need to edit the HTML to change it correctly. You do this by clicking Tools … and then  <>Source Code.

The above then translates to:

<tr class=”event”> <td class=”align-center”>{quantity}</td> <td class=”align-center”>{product_code}</td> <td>{description}</td> <td class=”align-right”>{price}</td> <td class=”align-right”>{discount_percentage}</td> <td class=”align-right”> {net_value}</td> <td class=”align-right”>{tax_percentage}</td> </tr>

This is pure HTML tables, so very easy. You have one Table Row <tr class=”event”> </tr>

You then need to add as many of the Table Data’s (TD’s) as you need to correspond with the one’s in your template above.

If you have never edited HTML before, don’t panic, it’s not difficult.

<td class=”align-center”>{quantity}</td>

Just remember if you have a < ” you need a closing ” >

If you have one of these < then there needs to be an closing one as well >

For every start command like <td class=”align-center”> there needs to be a closing one like </td>

If you have it perfectly, your Master document template will now line up with your line items.

3

Troubleshooting

If no line items appear at all, go into the HTML of your document template and look for the Table that holds the columns as shown below:

<table>
<tbody>
<tr>
<td style=”border: 2px solid black; padding-left: 12px; width: 18%; padding-top: 8px; padding-bottom: 8px; text-align: left;”><strong>PRODUCT CODE</strong></td>
<td style=”border: 2px solid black; padding-left: 5px; width: 35%; padding-top: 8px; padding-bottom: 8px; text-align: left;”><strong>PRODUCT DESCRIPTION</strong></td>
<td style=”border: 2px solid black; width: 15%; text-align: right; padding: 8px 8px 8px 5px;”><strong>QTY ORDERED</strong></td>
<td style=”border: 2px solid black; width: 15%; text-align: right; padding: 8px 8px 8px 5px;”><strong>UNIT PRICE</strong></td>
<td style=”border: 2px solid black; padding-left: 5px; width: 20%; text-align: right; padding-right: 8px;”><strong>NET AMOUNT</strong></td>
</tr>
<tr>
<td colspan=”100%”>{line_items}</td>
</tr>
</tbody>
</table>

 

Make sure the

<tr>
<td colspan=”100%”>{line_items}</td>
</tr>

Is in place.