Invoice Layout Guide
Invoice Layout
The invoice layout feature allows you to create various invoice formats tailored to your business needs.
To Add a New Invoice Layout
- Navigate to Settings -> Invoice Settings -> Invoice Layout -> Add.
- Provide a unique and distinguishable layout name.
- Add the text to appear at the top/header of the invoice (e.g., your shop name, centered with Heading 1 format).
- Enter other relevant details as needed.
- You can choose to show or hide address fields.
- Set a layout as default if desired. The default layout will be used when no specific layout is assigned to a location.
- Click Save.
To apply an invoice layout to a specific location, go to Business Locations -> Edit and select the desired invoice layout.
Invoice Design
- In the invoice layout settings, you will find options for different invoice designs.
- These designs are intended for browser-based printing, not for print server-based printing.
- The “Slim” design is optimized for thermal line printers.
Editing Invoice Layout HTML/CSS/JavaScript
To customize the invoice layout code, navigate to the following path:
resources/views/sale_pos/receipts/{design_name}.blade.php
Replace {design_name} with the name of the design you want to modify, such as classic, elegant, detailed, or slim.