MDB eCommerce install via NPM

Install via NPM

Step 1: Create new folder for your project

mkdir myapp
cd myapp

Step 2: Generate new GitLab token (see token generation section).

Step 3: Use generated token to install MDB eCommerce package:

npm install git+https://oauth2:YOUR_TOKEN_GOES_HERE@git.mdbootstrap.com/mdb/jquery/mdb-ecommerce --save

Step 4: Open the project in the code editor.

Step 5: Create index.html file.

Step 6: Import styles inside <head></head> section:


            <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
            <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap">
            <link rel="stylesheet" href="node_modules/mdb-ecommerce/css/bootstrap.min.css">
            <link rel="stylesheet" href="node_modules/mdb-ecommerce/css/mdb.min.css">
            <link rel="stylesheet" href="node_modules/mdb-ecommerce/css/mdb.ecommerce.min.css">

Step 7: Inside <body></body> section import JavaScript:


            <script type="text/javascript" src="node_modules/mdb-ecommerce/js/jquery.min.js"></script>
            <script type="text/javascript" src="node_modules/mdb-ecommerce/js/popper.min.js"></script>
            <script type="text/javascript" src="node_modules/mdb-ecommerce/js/bootstrap.min.js"></script>
            <script type="text/javascript" src="node_modules/mdb-ecommerce/js/mdb.min.js"></script>
            <script type="text/javascript" src="node_modules/mdb-ecommerce/js/mdb.ecommerce.min.js"></script>

Step 8: Open index.html on your web browser.

Token generation

Step 1:  Visit https://git.mdbootstrap.com and log in. If you are PRO user and do not have an account yet, please request one contacting us: contact@mdbootstrap.com

Step 2:  From top right corner click at your avatar and choose "Setting → Access Tokens."

Step 3:  Provide a Name for your token and choose "api" from scopes. Then click "Create personal access token"
add token


Step 4:  Once your token will be generated make sure to copy it and store in safe place. You won't be able to access it again. In case of lose, you will have to generate new token again.
token