Zubi Cloud hướng dẫn cách Chỉnh sửa bố cục hóa đơn HTML / CSS / Javascript trong UltimatePOS v4.7

Bố cục hóa đơn

Bố cục Hóa đơn giúp bạn tạo các định dạng hóa đơn khác nhau.

Để thêm một bố cục hóa đơn mới:

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:

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

Chỉnh sửa bố cục hóa đơn 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)’.