Thank you for purchasing our template. We hope that you find all your questions regarding this Template answered in this Documentation as much in details as possible. However, if you still need support, do not hesitate to contact us at our support forum for this Template. If you have any questions that are beyond the scope of this help file, please feel free to email me. Thanks so much!
Ecohaven is a versatile eCommerce HTML template designed for a seamless online shopping experience. This template uses SCSS, CSS, Bootstrap, and jQuery, ensuring compatibility with all modern browsers. It is mobile-friendly, providing a responsive design that looks great on any device. Additionally, Ecohaven includes attractive sliders, enhancing the visual appeal and user interaction on your website.
If You Love Our Template Design Please don't forgot to rate it. Thank you so much! 😊
First, you must download and install node.js. NPM stands for node packaged
modules and is a way to manage development dependencies through Node.js.
Download the Node.js source code or a pre-built installer for your platform, and start developing, you can download it from https://nodejs.org/
You can check it in your terminal window using these commands node --version and
npm --version.
GulpJS is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.
main/directory,default
npm i command
(install node js)gulp command (for run
project)NPM use the package.json file and automatically install the required local dependencies listed in it.
Dependencies are: gulp, browser-sync, gulp-autoprefixer, gulp-livereload, gulp-sass, livereload,gulp-sourcemaps
have added all necessary gulp task in gulpfile.js, for more details about plugin refer this link https://gulpjs.com/plugins/
Once you download the template, you can see a folder with several files and sub folders. You can read description of some important files in continue.
Dashsage follows a simple and easy to customize coding structure. Here is the sample for your reference:
<html lang="en" >
<body >
</body>
</html>
For the whole theme main color change,
go to your scss folder and then find _variables.scss
if you want to change primary color than you have to change --primary-color
variable rgb code
// Theme color variable
:root {
--primary-color:#006666;
}
if you want to change secondary color than you have to change --secondary-color
variable hex code
:root {
--secondary-color:#FE6A49;
}
We are use gulp for the scss to css compilation
Note: First, you must download and install node.js You
can
check it in your terminal window using these commands node --version and
npm
--version.
your node version should be v18.7.0
If you want to use scss so you need to follow some steps for compilation process
npm i command (install node js) gulp command in your terminal
If you want to add new scss so you can add in _custom.scss file
because we are update template in future at that time you can
take
update template easily and use it
only one custom scss file you need to put from your side
You can add your Google font in assets/scss/_variables.scss file and replace your google font with bellow line
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
| Variables set | Content |
|---|---|
--theme-font: 'Jost', sans-serif; |
set Body font family in variables.scss file |
We would really love to take this opportunity to appreciate guys whose items were helpful to us to make Bunas a really beautiful theme for our awesome users:
| Plugin | URL |
|---|---|
| Bootstrap | https://getbootstrap.com/ |
| jquery | https://code.jquery.com/ |
| slick slider | https://kenwheeler.github.io/slick/ |
| nouislider | https://refreshless.com/nouislider/ |
| vticker | http://www.jugbit.com/jquery-vticker-vertical-news-ticker/ |
| Icons: | themify-icons, uicons-regular-straight |
| Google fonts | https://fonts.google.com/ |