Suha - Multipurpose Ecommerce Mobile Template | Documentation


Thank you for purchasing my template. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

Note: All images used here are just for preview purpose only & they are not included in main file.

Installation


You need to install package files/dependencies for this project if you want to customize it. To do this, you must have node and npm installed on your computer. Installation guide of the node can be found here. As npm comes bundled with a node, a separate installation of npm is not needed. If you have installed them, just go to the root folder and run the following command in your command prompt or terminal.

npm i

This will install the dev dependencies in the local node_modules folder in your root directory. The other thing that Gulp requires, which, is really what does all the work, is the gulpfile.js. In this file, you set up all of the tasks that you will run. To run this project in development mode enters the following command in your command prompt or terminal.

npm run gulp

To edit or customize .sass & .pug code in your project enters the following command in your command prompt or terminal.

npm run gulp watch

Files Structure


  • suha Main Folder
    • dist Distribution Files
      • css
      • fonts
      • img
      • js
      • about-us.html
      • blog-details.html
      • blog-grid.html
      • blog-list.html
      • cart.html
      • catagory.html
      • change-password.html
      • checkout.html
      • checkout-bank.html
      • checkout-cash.html
      • checkout-credit-card.html
      • checkout-payment.html
      • checkout-paypal.html
      • contact.html
      • edit-profile.html
      • flash-sale.html
      • forget-password.html
      • forget-password-success.html
      • home.html
      • index.html
      • intro.html
      • language.html
      • login.html
      • message.html
      • my-order.html
      • notification-details.html
      • notifications.html
      • pages.html
      • payment-success.html
      • privacy-policy.html
      • profile.html
      • otp.html
      • otp-confirm.html
      • register.html
      • settings.html
      • shop-grid.html
      • shop-list.html
      • single-product.html
      • style.css
      • sub-catagory.html
      • support.html
      • wishlist-grid.html
      • wishlist-list.html
    • src Development Files
      • pug Pug Files
      • scss Scss Files
    • changelog.txt
    • gulpfile.js
    • license
    • package.json

Getting Started

How to change site Title & Favicon:

First open main file in web code editor. Then open src folder > pug folder inc folder head.pug file.

How to change Logo:

First open main file in web code editor. Then open src folder > pug folder inc folder header.pug file.

How to change Side Menu:

First open main file in web code editor. Then open src folder > pug folder inc folder sidenav.pug file.

How to Footer Fixed Menu:

First open main file in web code editor. Then open src folder > pug folder inc folder footer-nav.pug file.

How to change Template Colors:

First open main file in web code editor. Then open src folder > scss folder _variables.scss file.

Thanks for purchasing a our item, I truly appreciate it!

Best Regards - Designing World