Magento 2 Point of Sale Custom Receipt

For Multilingual support, please navigate to Store>Configuration>General >Locale Options. And select your desired language from the Locale option.

For module translation, navigate to the following path in your system  app/code/Webkul/PosCustomReceipt/i18n/en_US.csv. Open the file named en_US.CSV for editing as shown in the below screenshot.

Then replace the words after the comma(,) on the right in the file with your translated words.

After editing and translating the CSV file, you need to save the translated file name according to your region language and country code such as – de_DE.CSV. Followed by uploading the translated file to the same folder from where you have obtained it. Now your module translation is complete.

After installing the module, the admin can have a new menu option POS Receipt under the main POS menu section. To display it, the admin first needs to enable the same. To do so, navigate through Stores->Configuration->POS Receipt.

Here, the admin will enable it first and then it will be visible as per the snapshot below.

For this, the admin will navigate to POS -> POS Receipt -> Manage Receipt as shown below.

Clicking the  Manage Receipt option will navigate the admin to the receipts list page.

Here, the admin can:

• View the complete list of the existing receipts.
• Change status of the receipts by selecting Enable/Disable option from the Action drop-down list.
• Delete the existing receipts by selecting the Delete option from the Action drop-down list.
• Edit the existing receipts by clicking the Edit link.
• Preview the existing receipts to have a quick view.
• Add new receipts by clicking the Add Receipt button.

Add New Receipt:

Clicking the Add Receipt button will navigate the admin to the Add New Receipt page as shown below.

Here, the admin can:

General Settings-

• Status: Enable or Disable the logo status.
• Title: Set the receipt name.
• Display Fields: Enable the fields which will be visible on the receipt. Else, disable them.
• Change Label Names: Set the names of the fields which will be visible on the receipt. Else, the default name will be used for receipt fields.

Receipt Logo-

• Display Logo: Enable it to display the logo on the receipt. Else, disable it.
• Receipt Logo: Upload the logo image.
• Logo Width: Set the logo width as per which the logo will be displayed on the receipt.
• Logo Height: Set the logo height as per which the logo will be displayed on the receipt.
• Logo Alt: Define the logo alt text.

Header Content-

Define the content for the receipt which will be visible on the header section of the receipt. The admin can even add the images in the content.

Footer Content-

Define the content for the receipt which will be visible on the footer section of the receipt. The admin can even add the images to the content.

And, lastly hit the Save Configuration button to save the configuration successfully.

After creating the receipt template, the admin can preview it by clicking the Preview link.

The admin will assign the receipts to the outlets. For this, the admin will navigate to POS-> Add/Manage Outlet as shown below.

Clicking the Add/Manage Outlet option will navigate the admin to the outlet list page.

From the outlet list, the admin will select the outlet for which the admin wants to assign the receipt by clicking the Edit link. This will navigate the admin to the Outlet Edit page.

Under the Outlet Information section, the admin select the Manage Receipt menu section –

• Select Receipt: The admin will select the receipt from the drop-down list and assign it to the outlet.

And, lastly hit the Save Outlet button to save the configuration successfully.

Now at the front end, the cashier/agent place orders.

And, after placing the orders will get the custom POS receipts.

The cashier/agent can download these custom receipts by clicking the Print Invoice button.