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!
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.
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. When you run this command, it also watching .scss & .pug file changes. So, you don't need to run another command for watching these.
If you're wanting just watching the .scss & .pug files changes. You can run a particular command. To edit or customize .scss & .pug code in your project enters the following command in your command prompt or terminal.
PWA (Progressive Web App) mainly works with the "service-worker.js" file. This file cache data in your browser for smoothly viewing this website when you're offline.
When you edited the files & script and save it, your changes won't take effect until clear your browser cache.
Please disconnect from "service-worker.js" when you developing your site. Search for "service-worker.js" and comment on all JS codes or remove this file another location. https://prnt.sc/tuwnua https://prnt.sc/tuwo66
After completing the site developing, when you ready to go upload server. Now connect this file with your project.
First open main file in web code editor. Then open src folder > pug folder inc folder head.pug file.
First open main file in web code editor. Then open src folder > pug folder inc folder header.pug file.
First open main file in web code editor. Then open src folder > pug folder inc folder sidenav.pug file.
First open main file in web code editor. Then open src folder > pug folder inc folder footer-nav.pug file.
First open main file in web code editor. Then open src folder > scss folder _variables.scss file.
First open main file in web code editor. Then open dist folder > manifest.json file.
Thanks for purchasing a our item, I truly appreciate it!