Opencart theme development environment setup with Gulp, Package JSON, npm, Javascript ES6 compiling, plus SCSS, images, and fonts.
Detail documentation: OpenCart 3 theme development environment set up Gulp SCSS JS
- Download or clone this repo
- Go to catalog/view/theme and paste this folder and rename the folder opencart-theme-developement-gulp-setup to your theme name
- After all npm packages installed, open gulpfile.js and change the proxy URL "opencart.loc" to your localhost URL
- Then in terminal go to catalog/view/theme/YOURTHEME/dev and run "gulp" and then "gulp watch"
- Now make changes in the YOURTHEME/dev/scss files or YOURTHEME/dev/js files or YOURTHEME/dev/image or YOURTHEME/dev/fonts, now you will see the changes.