Adding custom JavaScript/SCSS files

The Point of Sale app uses different asset bundles to manage JavaScript and style sheet files. In this recipe, we will learn how to add SCSS and JavaScript files to the Point of Sale asset bundle.

Getting ready

First, we will load an SCSS style sheet and a JavaScript file into the Point of Sale application.

How to do it…

To load assets into the Point of Sale application, follow these steps:

1. Add a new SCSS file at point_of_sale_customization/static/src/scss/point_of_sale_customization.scss and insert the following code:

   .pos .pos-content {
       .price-tag {
           background: #00abcd;
           width: 100%;
           right: 0;
           left: 0;
           top:0;
       }
   }

2. Add a JavaScript file...