Invoice Layout

Invoice Layout #

Invoice Layout helps you to create different invoice formats.

To add a new invoice layout:

  1. Go to Settings->Invoice Settings->Invoice Layout->Add
  2. Give a unique distinguishable Layout name
  3. Add the text to be shown in the top/header of invoice. Generally, it can be your shop name, aligned center with Heading 1 format.
  4. Add other relevant details.
  5. You can show/hide address fields.
  6. You can mark a layout as default. The default layout is used when no layout is found for a location.
  7. Click on Save.

To use an invoice layout in a location go to” Business Locations -> Edit” and assign the invoice layout.

Invoice Design: #

  • In invoice layout, you will find options for invoice designs.
  • Used for browser-based printing only & NOT print server-based printing.
  • Slim design is used for thermal line printer-based printer.

Editing invoice layout HTML/CSS/Javascript #

To manually change the code for invoice layout the path is: resources/views/sale_pos/receipts/{design_name}.blade.php
Where design_name = name of the design you want to change like classic/elegant/detailed/slim etc.

Tax Summary: #

To see the tax summary in invoice, go to add/edit invoice layout, and enter the “Tax Summary Label” option and it will show the tax summary in invoice.

Total in words: #

To display total in words in the invoice Enable:

  1.  Show total in words 
  2. Choose “Word Format”

Discounted Price: #

To display the discounted unit price and discount amount in the invoice, enable the following filed in invoice layout

  1. Discounted unit price label
  2. Discount label

Display unit breakdown: #

To display the reduction summary of quantity from multiple units, enable the check box  ‘show base unit details (If applicable)’.

Displaying QR code in Invoice: #

Steps: #

  1. Edit an invoice layout
  2. Scroll down to the QR code section at the bottom
  3. Click Show QR Code
  4. Enable all the fields required in QR code, like Business Name, Business Name, Invoice URL, and others
  5. Save the invoice layout. Print an invoice and you’ll see the QR code in the invoice
  6. Show Labels: Enable this option to show the labels(key-value pair) in QR code

Powered by BetterDocs