Displaying Item Columns in the Receipt Template
Usually, only item names (products) and quantities are included in the receipt. However, you can display additional data such as the item description or price in the receipt by adding some of the data from the invoice to the receipt template you are using.
In this guide, we will show you how to display the desired invoice item columns in the receipt.
Displaying Item Columns in the Receipt Template
If you have used the receipt template before on the system, you will find it under the ‘Invoice/Estimate Layouts‘ templates. If this is your first time, you should follow these steps.
Click on ‘Printable Templates‘ under ‘Templates‘ in the main menu, then click on ‘Invoice/Estimates Layouts.’
Then, click on “Receipt” template.
Viewing the Receipt in its Default Fields
To view the default layout of the receipt fields without any modifications, follow these steps:
Click on ‘Manage Invoices‘ under ‘Sales‘ in the main menu, then select the invoice for which you want to view the receipt. Next, click on ‘Vouchers‘ and choose from the dropdown menu the receipt template that you have not made any modifications to. In our current example, we have named it ‘Standard Receipt‘.
The receipt will appear including only the item name and quantity, without displaying any other data related to the items.
Displaying Additional Item Data in the Receipt
Go to the invoice from which you want to display one of its item columns by clicking on ‘Create Invoice‘ under ‘Sales‘ in the main menu, or by clicking on ‘Manage Invoices‘ under ‘Sales‘ in the main menu, then clicking on the three dots next to the invoice and selecting ‘Edit.’
Notice the section for items, where you will find the ‘Description‘ field next to the item name, this column is numbered (1), followed by the ‘Unit Price‘ field, which is numbered (2), and so on in order.
You need to identify the column number of the data you want to display according to this order. In our example, we want to display the ‘Unit Price‘ field in the receipt, and this column number is (2).
Then, go to ‘Printable Templates‘ under ‘Templates‘ in the main menu, click on ‘Invoice/Estimates Layouts,’ click on the three dots next to the receipt template in which you want to display the additional data, and click on ‘Edit.’
Click on ‘Formatting‘ from the sidebar, then go to the ‘Format Code‘ field and paste the following code:
.col-2{display:table-cell}
Then click the ‘Save‘ button.
2 represents the second column when creating the invoice, which is the ‘Unit Price‘ field. You can change it according to the column number you want to display on the receipt. For example, change it to 1 if you want to display the ‘Description‘ field.
To display the receipt after modifying it and showing the ‘Unit Price‘ field, click on ‘Manage Invoices‘ under ‘Sales‘ in the main menu, then click on the invoice you want to print the receipt template for. Click on ‘Receipts,’ then click on the name of the receipt template to which you added the code. In our example, we click on ‘Edited Receipt.’
You will find the receipt displaying the ‘Unit Price‘ field within the item columns.
