Live Demo Buy Now

Laravel eCommerce Point of Sale

Laravel eCommerce Point Of Sale: Laravel eCommerce Point Of Sale Extension provides the seller with a wide range of functionality. Here the seller can perfectly manage their physical store and create multi-outlets along with the proper customer management with tracking of their day to day sales of a particular outlet.

The physical stores will have a POS front-end for which the seller can assign an outlet agent who can easily manage the daily sales with their respective customers of an outlet. The POS system can work both online and offline mode in case of poor connectivity.

**Note:

  • Laravel eCommerce Point of Sales module is only supported by Bagisto version 0.1.6 or greater.

Features Of Laravel eCommerce Point of Sale

  • Admin can manage the online store along with physical stores.
  • POS user can apply discount offers as per fixed amount or percent (%) value on the cart.
  • POS user can create an order for the registered and new customer.
  • POS user can hold the cart and proceed to the next transaction whenever required.
  • Generate a barcode for simple and configurable product.
  • Admin can create multiple store outlets.
  • Admin can assign multiple users of POS in a single outlet.
  • Admin can assign agents for the outlets to manage the day to day sales and customers at their POS front end.
  • POS agent can add or change the customer on the POS front end.
  • POS agent can work offline in case of poor connectivity.
  • POS agent can automatically synchronize all the offline data whenever going online.
  • Barcode readers can be used to add products to the cart.
  • Hassle-free payment and checkout system.
  • POS agent can select the currency for the store.
  • POS agent can select the locale for the store.
  • POS agent can check the sales history, hold sales, offline sales.
  • POS agent can also sell a custom product which is not available on the POS front end.
  • POS agent can send the request for the low stock product.
  • POS agent can set the minimum unit of quantity for the low stock product to get notified when the product is low in quantity.
  • POS agent can add or edit the discount on their front end.
  • POS agent can create multiple carts from the front-end.
  • Admin can manage the product inventory separately by assigning the inventory source to the outlet.
  • Cash and Card payment available at front-end.

Installation of Laravel eCommerce Point of Sale

The customer will get a zip folder after purchasing the Laravel eCommerce Point of Sale Extension. After that, Unzip the respective extension zip and then merge the “packages” and “storage” folder into the project root directory.

  • Goto config/app.php file and add the following line under “providers”

‘Webkul\Pos\Providers\PosServiceProvider::Class

  • Goto config/auth.php file and make the below changes :
    • add the following line under ‘guards’
      • ‘posuser’ => [
        ‘driver’ => ‘session’,
        ‘provider’ => ‘posusers’
        ],

    • add the following line under ‘providers’
      • ‘posusers’ => [
        ‘driver’ => ‘eloquent’,
        ‘model’ => Webkul\Pos\Models\PosUser::class,
        ],

    • add following line under ‘passwords’
      • ‘posusers’ => [
        provider’ => ‘posusers’,
        ‘table’ => ‘pos_user_password_resets’,
        ‘expire’ => 60,
        ],

  • Goto composer.json file and add the following line under ‘psr-4’

Now, Run these commands below to complete the setup in the bagisto root directory.

composer dump-autoload
php artisan migrate
php artisan route:cache
php artisan vendor:publish
-> press 0 and then press enter to publish all assets and configurations

Once all the commands have been executed successfully, then you will see the POS icon on the left-hand side in the menu bar.

Laravel eCommerce Point of Sale Configuration

Once you are on Admin dashboard, click the Configure option which is there on the left-hand side in the menu bar following which you will be redirected to the POS Configuration page.

General Settings

Above you will get settings to choose channel and locale. Based on that you can even change the configuration of the POS.

The fields below depicting [default-en] refers to the setting of the default channel and English locale.

Let’s go through with the Configuration Settings one by one:

  • Status – Here Admin can active or inactive the POS status.
  • Heading On Login  Enter the POS heading which will be visible on the POS login panel.
  • Sub-Heading on Login– Enter the Sub-Heading which will be visible on the POS login panel.
  • Footer Content Enter the footer content which will be displayed in the footer section of POS login panel.

  • POS Logo – Upload the logo image which will be visible on POS receipts.
  • Barcode Size – Here admin can enter the size of the barcode.
  • Print Product Name With Barcode – Admin can print the product name with product barcode.
  • Barcode Image Type – Admin can select the barcode image type from the drop-down. Barcode can be print horizontally and vertically.
  • Generate Barcode With – Admin can generate the barcode with the Product ID or with Product SKU(Stock keeping unit) from the drop-down.
  • Number Of Barcode In Slot – This function will work on mass generate barcode. In this case, admin has to set the number of barcodes available in one slot.

Laravel eCommerce Point of Sale – Admin View

On the admin dashboard, click the POS icon which is there on the left-hand side to check on for the features as available in the backend for admin.

  • Users: Here you will find the list of multiple users that have been created by the admin.

Admin can add the users by clicking on the Add User button.

Here, the admin will enter –

  • Username – Enter the username.
  • First name – Enter the first name of the user.
  • Lastname – Enter the last name of the user.
  • Email – Email id of a user.
  • User Avatar – Here admin can use any icon or figure to represent the user.
  • Add Image – Add an image to represent the user.
  • Password – Set the password for the user.
  • Outlet – Select the outlet form the drop-down.
  • Status – Admin can active or inactive the outlet status from the drop-down.

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

  • Outlets: Here you will find the list of multiple POS outlets. An admin can create outlets by clicking on the Add Outlet button.

Admin can add the Outlets by clicking on the Add Outlet button.

Here, the admin will enter –

  • Outlet Name – Name of the outlet.
  • Status – Admin can active or inactive the outlet status from the drop-down.
  • Outlet Address – Address of the outlet.
  • Outlet Country – Country of the outlet.
  • Outlet State – State of the outlet.
  • Outlet City – City of the outlet.
  • Outlet PostCode – Postcode of the outlet.
  • Inventory Source –  Admin has to choose the separate inventory for each outlet from the drop-down.

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

After creating the outlet, the admin will Manage the Product to the outlet in the outlet edit tab.

Now, under the Manage Products tab, the admin will assign the products to the outlet by enabling the products for the outlet. Assigned products will be displayed on POS front-end.

**Note:

However, In POS Inventory is Centralised.

This centralized inventory will depict that any inventory changes done on the website will be reflected in the POS end and vice versa.

Likewise, if the online stock of the product is 200, then all the POS outlet stock will be the same i.e 200 and the stock will automatically decrease on each sale from the online store or the POS outlet accordingly.

Products

Here admin can view all the products associated with his store and they can generate barcodes for the products to be used by the POS agent to add a product to the cart during the check-out process.

Now, The admin will select the products for which they want to generate the barcode and then select the barcode option to Generate Barcode from the drop-down and then click on the submit button to generate barcodes.

After that now admin is allowing POS user to easily print a barcode for a product in a required quantity by clicking on the Print Barcode button available on the product.

Here admin will firstly select the products for which they want to set the barcode quantity and then they will select the barcode option to Print Barcode from the drop-down and click on the submit button.

Now, The admin will add the quantity of the barcode to print.

Orders

Here admin can view all the POS orders in a given list and they can view any order details by simply clicking on order as shown in the image below.

Admin can click on the action button shown in the above image and can check the order information.

Request Product

Under the Request Product tab Admin will check the “Low stock product request” sent by the POS user.

Admin can click on the action button shown in the above image the open tab will show all information like User and Outlet details, the required number of quantity and inventory source.

Admin can select the request status from the drop-down and complete the product request by assigning requested quantity to the respective outlet.

Laravel eCommerce Point of Sale Front-end

The user can easily Login to the POS System by using the Username (email address) and Password which is created by the admin.

After the Sign-in into the POS system, the POS Users will be redirected to the POS panel as shown in the below image.

POS Cash Drawer Amount

After logging into the POS System, the user has to enter some cash drawer amount. A pop-up comes which will ask the user to enter the Drawer Opening Amount as shown below along with the Remark section. The POS user has to enter the drawer opening amount, for example, $200 as shown in the image, which is the required amount set for that particular day.

After login, the POS user will see the panel, where all the products are displayed that are assigned by the admin to the particular outlet. User will also see the Cart section where the POS user will manage the customer orders.

The POS user can search any products from the search bar and they can add the resulted products to the cart as per the customer requirement.

POS user can also look out for the products available in their respective categories as shown into the below image.

By clicking on the small arrow icon under the small box specified in the below image, the POS user will view the category lists through which POS user can select a category to choose the product from specific category.

The below image shows all categories listing to the POS.

POS – Custom Product

The POS user can also add a product in the cart which is not available in their POS but the product is available in the physical store. POS user will have to click on the button as shown in below image.

Here, the POS user will have to enter the product details and add the product into the cart by clicking on the Add to cart button.

After that, the POS user can proceed the order as normal.

POS – Cashier Management

Under the Cashier, The POS user manages the functionalities given below –

  • Close Counter
  • Today Cash
  • Sale History

After clicking the Close Counter tab, User will find Drawer Amount DetailsCounted Drawer AmountClosing Drawer Detail options.

“Before closing the drawer opening amount was $10 and whenever in a day the POS agent closes the drawer all today’s total cash amount will be added to the opening amount and again current drawer sale will be zero. ”

  • The Drawer Amount Details displays the opening amount which is $90.00 here, today total cash sales is $80.00 and the expected amount in the drawer is $90.00
  • Under the Counted Drawer Amount displays the counted drawer amount which is $90. The POS agent may add the remarks as well.
  • Closing Drawer Details displays the difference between the opening and the closing amount(current drawer sale) which is $90.00.

Today Cash

Under Cashier, there is another option Today Cash is available which displays the  Today Cash Sale and the Today Card Sale.

The order id, time, order total and the order payment mode details are also visible to the POS agent under the Today Cash option.

Sale History

The POS user can view the sale history under the Sale History option. For a particular date, the cash sale and the card sale is listed under Sale History.

POS – Order Management

The POS user can manage the sales activity like adding products to the cart, adding customer details, put the cart on hold to process it later, pay for the order from his panel as shown below.

After adding the products to the cart the POS user will now add customer details by clicking on the default customer option and then follow the steps as shown in the below image.

Note: The Pos user can search customers by their name or email as well.

After clicking on the add customer button the below pop-up will be displayed.

The POS user can add a new customer step by step filling the above fields as shown in the image and then click on the save button to proceed the payment.

Once the customer is selected then after POS user can complete the order after click on the pay button.

If the customer has chosen the cash method then the customer will provide some amount to pay for the order and the POS user will refund him the remaining money as shown in the screenshot below.

As shown in the above image Payment Method is Cash, Total Order Amount is $60.00, the amount paid by the customer is $60.00 and the balance amount to be paid back to the customer is $0.00.

Finally, click on the Confirm Payment button, After clicking on confirm payment below pop will be displayed to complete the payment successfully click on the confirm button now.

Under the Sale History Section, POS user can print the invoice for the order and can continue further with other orders.

Customer can even pay via card, it depends on customer wish. In the Card Payment method, the total amount of the order will be deducted from the customer’s card.

POS Panel- Apply Discount

The POS user can apply the discount to the cart.

To apply the discount, the POS user will click the Cash Discount option available in the cart as shown below.

After click on the Cash Discount, the below pop-up will be displayed. The POS can easily choose the discount from the drop-down and then click on the apply discount button.

Once the POS user applies the discount, the chosen discount will be added to the cart as shown in the below image.

POS Panel- Cart on hold

The POS user can put a cart On Hold to process it later by simply clicking on the Hold Cart option as shown below.

After clicking on the Hold option will displays a below pop-up where the POS user will specify the reason for putting the cart-on hold by adding a note. After adding the note, hit the Hold Order button as shown below.

Ater successfully holds the cart, the POS user can check the Hold Sale by navigating to POS > Sales > Hold Sale.

The above image displays the cart details of the product which has been put on Hold. The Note entered by the POS user is also displayed under Note section.

Here POS user can:-

  • Click Add To Cart button to add the order back to the cart to process it further.
  • Click Remove button to remove the hold cart.

POS Panel – Offline Sale

The sales orders which got processed in the offline mode will be seen under POS > Sales > Offline Sales.

Once the POS System get connected to the internet, the POS user can synchronize offline sales with the online store.

After syncing, the offline sale the POS user can see offline orders in Sale History section after that.

Under Sale History, the POS User can –

  • View the complete list of the orders placed.
  • View the details of any order from the sales order list.
  • Search the order from the Search Order By Id panel at the top.
  • Print the invoice of the order by clicking the Print Invoice button.

POS Panel-Product Management

The POS user can manage their Store Product under the Product Section.

Here POS user can –

  • Set the minimum unit of quantity for the low stock product by navigating to POS>Products>Setting as shown in the below image.

  • The POS user can check the low stock product under the Low Stock Product section as shown in the below image.

  • The POS user can send the request for Low Stock Product by clicking on the Send Request button as shown in the above image.

After clicking on the Send Request button below pop-up will be displayed. The POS user can mention the required quantity for the particular product along with the comment then hit the done button.

Once the request is done, the POS user can manage the Product Request by Clicking on Pencil or Cross icon as shown in the below image.

  • The POS user can check the sent requests of the low stock product under the Requested Product section along with the request status by navigating to POS>Products>Requested Product as shown in below image.

POS Panel- Setting

The POS user can navigate to POS > Settings to edit settings for the account and POS settings as shown below.

  • Under the profile setting POS user can update the Profile.

Here, the POS user will –

    • First Name – enter the first name of the POS user.
    • Last Name – enter the second name of the POS user.
    • Account Email – enter the email address.
    • Previous Password – enter the previously saved password of the POS account.
    • New Password – enter the new password for the POS account.
    • Confirm Password – reenter the new password of the POS account to confirm it.

And, lastly hit the Done button to save the configuration successfully.

  • Under the Basic Settings tab, the POS user can configure the basic settings as shown below.

Here, the POS user will –

    • Select the locale for the store from the drop-down.
    • Select the currency for the store from the drop-down.
  • And lastly, under the Loyalty Discount tab, the POS user can add the discount by clicking on the Plus icon.

After click on the Plus icon, below pop-up will be displayed to the POS user.

Here POS user can:-

  • Enter the Offer Name.
  • Enter From Price – To Price.
  • Discount Type- Percentage
    • Discount can be added on two types percentage wise or fixed discount.
  • Enter the Value.

After hitting the done button the Percentage Discount will be added, as shown in the below image.

With the same process, the POS user can add the Fixed Discount.

Here POS user can:-

  • Enter the Offer Name.
  • Enter From Price – To Price.
  • Discount Type- Fixed
  • Enter the Value.

After hitting the done button Fixed Discount will be added, as shown in the below image.

That’s all for Laravel Multi-Vendor Marketplace, still, have any issue feel free to add a ticket and let us know your views to make the module better https://bagisto.uvdesk.com/en/

Current Product Version - v0.1.x

Supported Framework Version - v0.1.6

. . .

Comment

Add Your Comment

Be the first to comment.

css.php
Hire Us!
Brief us about your requirements and we'll get back to you.
Woo! Hooy!
We have just recieved your project brief and our expert will contact you shortly.
Send Again
Close

Index