OpenCart Custom Invoice PDF – Help Guide

create and edit order custom invoice pdf

Order invoice has product and pricing information about the purchase. It is given in PDF file format. As a pdf file is a non-editable file. In an e-commerce website every time people place an order, a PDF invoice is sent to the customer’s email id. That’s how our OpenCart custom invoice module works.

This extension has a lot of setting so that the admin can show or hide elements that are not required anymore or change the invoice text color to match your brand. Moreover, this module lets the admin add custom fields/blocks on top or bottom of the invoice so that website can write additional important information about the service. It works with  OpenCart 2.x and 3.x versions perfectly.

Installation

All the extensions of OpenCart have standard installation instructions. TMD follows the OpenCart guideline to create themes and modules that can be installed, activate, and start working within a few minutes.

You can follow this OpenCart extension installation step-by-step instructions to this extension install on your website. After activating this extension. Follow the Below guide to do setting of custom invoice PDF file.

General Setting

Order pdf invoice general setting in OpenCart

This setting lets the admin decide how and when this OpenCart pdf invoice module generates the pdf invoice. It also enables invoices to attach to the customer and admin email when an order is placed on the website.

Status: Disabling the status makes the module stop working. All the settings will remain saved. But it won’t generate the PDF invoice. Enable it again to make the module work.

Invoice Language:  All the active languages will show in the list. Admin must select the one language in which OpenCart custom invoice pdf will create.

NOTE: This extension only checks the language from the setting, neglecting the user-selected language while they placed the order.

Attach PDF On Status: It is important to note when the invoice pdf will generate. All the order statuses will be shown in the list. Admin can select only those order statuses on which pdf invoice will create.

Attach Invoice With Mail: By default, OpenCart 3 custom invoice only shows the invoice PDF file download option on the customer order list. But this setting will attach the invoice to the customer’s email when they get the order confirmation email.

Copy For Admin: This setting can use to update the admin about the order. Whenever an invoice is sent to the customer, an invoice will also send to the admin.

Layout Setting

This setting is used to define what information will be added to the invoice and select the colors for the text and product table. It also lets the admin print the QR and Bar code on the invoice. There are more settings given. Please check them below.

Product Information Show And Hide In OpenCart Custom Invoice

In this setting, the admin manages the information about the product shown on the invoice to make the invoice more informative and remove unwanted information. All these options have enabled and disabled toggle.

When enable status is selected then that information will display and disabled status will hide the product information on the invoice.

admin pdf invoice elements layout setting in opencart

Product Image:

Product Name:

Model:

Unit Price:

Quantity: Product quantity mentioned while placing order.

Display Total With Tax: Total cost of products + shipping or payment charges (if present) + tax (if present).

Additional: If the admin wants to display more information about the product then there are 10 options are available. Select the one from the drop-down. It will print on the invoice.

Options are description, product id, weight, tax (unit), tax(total), SKU, UPC, EAN, MPN, ISBN, and location.

Show Scannable: QR Or Bar Code

OppnCart custom invoice show qr code module

OpenCart pdf invoice module has two types of Bar codes and QR codes.  It will be auto-created by the extension. and print on the invoice. Admin can select the one in which they are comfortable.

Four option product id, SKU, UPC, and EAN has been given. Select the one which will use to create the QR or Bar code.

Add Watermark, Logo, And Define Product Information Layout

give product size and color to create opencart 3 custom invoice

Product Image Size

Enter the size of the product image height and width in pixels. It accepts values in float, integer, and decimal. A new product image will automatically create at run time according to a given size by this module.

Colors

The setting lets the admin update the color of invoice text, background, product information text, border color, etc.

  1. Main text: Text written on the invoice.
  2. Title: Title of invoice.
  3. Table head background: Product detail is present in the table form. The color will apply to the heading section background of the table.
  4. Table head text: It will apply to product detail table heading such as product name, quantity, unit price, etc is written.
  5. Table borders: Product table border color.

Watermark

It is good to have the image as a watermark on the invoice to void unwanted circumstances. Admin can select the image. OpenCart custom invoice module will add the selected image as the background of the image to look like a watermark.

Logo

Having the logo of the company or website makes the invoice more authoritative and can be used for legal purposes. Just select the logo from the image gallery, It will be placed on the top of the invoice.

Print Invoice

write the prefix text of name of OpenCart custom pdf invoice

This setting contains how the invoice will print and write the footer note if needed. According to these settings, invoice design will be done. And When a customer or admin tries to print the invoice. It will be printed perfectly on paper.

Filename Prefix:  Write the text. It may be your company or website name for example TMD_. Write the “_” at the end of the text. It will use a prefix of the invoice file name. A random name of the invoice will be generated by extension. The final invoice file name will be Prefix+module_generated_text.pdf

Paper Format: 4 Types of paper with their landscape mod are present. Select the one which is used in your country. The paper formats are

  1. A4, A4 landscape.
  2. A5, A5 landscape.
  3. Legal, legal landscape.
  4. Letter, letter landscape.

Footer:  If the admin wants to show the additional information at the bottom of the invoice. The Footer section is the right place to write. The written text will be automatically added at the bottom. Make sure you write a little information only. Else invoice will go to the second page if the length of the text is bigger.

Custom Setting – Add Custom Fields/Blocks On Invoice

add custom block of data in order pdf invoice in OpenCart

This is an additional option given in OpenCart 3 custom invoice module. This setting lets the admin create an extra block that can show on the either top or bottom of the invoice. If the admin wants to show additional information then these blocks are very useful. There is no limit to characters.

Custom Tab Status: These custom blocks can be shown or hidden by changing their toggle to enable or disable. This applies to all the custom blocks created by the admin.

Position: Two positions have been given to place the custom blocks in invoice design. Top and bottom. Admin must select either one. If the admin selected the bottom, then it will be shown after the footer note.

Add Block: By clicking the add block button, it will create the block with a title, and description. The description has a WYSIWYG editor. Admin can write simple text or HTML/CSS to have more styling.

Every time the admin click on the add block button. a new block creates. Also, to delete the block click on the [-] minus icon present left side of the block name.

Conclusion

This is a working explanation of our pdf invoice module. If you have any pre-sale questions or looking for support, please create a support ticket.

You can buy this OpenCart pdf invoice extension from the official OpenCart website.

Also, visit our website for more OpenCart themes and extensions. We have built more than 25+ modules and 30+ themes for OpenCart.

Leave a Reply

Your email address will not be published. Required fields are marked *