Buy Now

Magento 2 Point of Sale Custom Receipt

Using Magento 2 Point of Sale Custom Receipt module, the admin can create customized POS sales receipt for the customers. The admin can design multiple POS sales receipt and assign them to the POS outlets.

The admin customizes the receipts like upload logo, add header and footer details and set custom labels for the discount, tax, change, sub-total, cashier etc. And, can even preview the POS receipt.

Note:

  • Magento 2 Point of Sale Custom Receipt module is an add-on of Magento 2 POS. So, you should have installed Magento 2 POS module first.
  • This will only work with the Magento 2 POS Version 2.0.6 and above.
  • For POS Marketplace solution, kindly refer Magento 2 Multi-Vendor Point of Sale module.

Features

  • The admin can create multiple sales receipts layout
  • Enable/disable the status of the custom sales receipts layouts.
  • Edit or delete the custom receipts layouts as per the choice.
  • Can preview the receipts layout for the quick view.
  • Assign receipts to the outlet as per their need.
  • Customize the receipt logo appearance like upload logo image, set logo dimensions etc.
  • Define the content for header and footer section of the receipt.
  • Change default labels for the discount, tax, credit, subtotal, cashier, change etc.

Installation

Customers will get a zip folder and they have to extract the contents of this zip folder on their system. The extracted folder has an src folder, inside the src folder you have the app folder. You need to transfer this app folder into the Magento2 root directory on the server as shown below.

After the successful installation, you have to run these commands in the Magento2 root directory.

First command – php bin/magento setup:upgrade

Second Command – php bin/magento setup:di:compile

Third Command – php bin/magento setup:static-content:deploy

After running the commands, you have to flush the cache from the Magento admin panel by navigating through->System->Cache management as shown below.

Multi-Lingual Configuration

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

Language Translation

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.

Manage POS Receipts

After installing the module, the admin can have a new menu option POS Receipt under the main POS menu section. 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 Delete option from the Action drop-down list.
  • Edit the existing receipts by clicking the Edit link.
  • Preview the existing the 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 in 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.

Assign Receipt To Outlets

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 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.

POS Receipts

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.

That’s all for Magento 2 Point of Sale Custom Receipt module. Still, have any issue please feel free to add a ticket at  https://webkul.uvdesk.com/

Current Product Version - 2.0.0

Supported Framework Version - 2.1.x, 2.2.x, 2.3.x

. . .

Comment

Add Your Comment

Be the first to comment.

css.php

Index