Hello, you are looking at documentation for Marketop – HTML Bootstrap 5 eCommerce Template. You will learn how to setup workspace, build and customize theme.
Since this theme is based on Bootstrap, you should check the official framework documentation before continuing.
To start using this template, follow the instructions below, completing the three steps in sequence.
To be able to use the Gulp you need to download and install Node.js from the official site., install the specified version, which must exactly match 18.17.1 LTS, to avoid compatibility issues.
You can check the current installed version of Node.js on your computer by running the following console command in the console or terminal:
node -v
Install Gulp Command Line Interface globally to use Gulp in your terminal.
npm install gulp-cli -g
When you are done, make sure you have installed the rest of the themes dependencies, from the console or terminal, navigate to the template directory and execute the following command:
npm install
Now, modify your SCSS and HTML source files in src folder and run npm run start command in terminal for development or npm run build to build final production version of template. Use npm run start command for quick start development. The BrowserSync plugin will open default web browser and show result of editing. When you are done just hit Ctrl + C in terminal or just close terminal window to stop BrowserSync server.
npm run start
npm run build
To ensure correct future updates you can edit three files:
custom-variables.scss and custom-variables-dark.scss: these files can be used to override Bootstrap and the template variables.
custom-code.scss: this file can be used for writing custom SCSS.
To learn more about color modes, please refer to the official Bootstrap documentation.
With a product you will get 6 months of support from the author. To know more about what is included, please read the Support Policy
See what's changed and updated in the latest template versions.
✅ Updated Remixicon icon library to latest 3.5.0 version.
✅ Reorganized and updated Gulp toolkit in gulpfile.js.
✅ Updated npm packages and modules in package.json.
✅ Replaced deprecated Bootstrap class names with their newest equivalents.
✅ Fixed missing paddings and margins on some sections.
✅ Added color scheme switcher script.
✅ Added Dark color scheme.
✅ Completely updated gray colors.
✅ Template now suppport creating and extending native Bootstrap color schemes.
✅ Template has been updated to use the latest Bootstrap 5.3.1 version.