Open-Source eCommerce Design Template styled with Bootstrap 5 using a simple codebase and best practices - Actively supported by AppSeed.
- 👉 eCommerce Design:
HTML DEMO
- 👉
License
CC BY 3.0 -Preserve footer credit
Need More? 🛒 BUY License:
ONLY $19
(managed by GUMROAD)
- Access to FIGMA File
view demo
Remove Footer Credits
Updates
: LifetimeUnlimited
hobby & commercialprojects
- 🚀 Support via Email & Discord
- 🚀 Bootstrap 5
- ⚙️
Gulp Tooling
(simple usage, no fancy tools) - ✅ Easy Customization (files already integrated)
Primary/secondary
colors in variables.scssAdd your own code
in custom.scss
- ✅ Pages
- ✅ HOMEpage
- ✅ Category Page
- ✅ Product
Compile the project
$ yarn # install modules
$ gulp # start for development
$ gulp scss # recompile SCSS
The design should be visible in the browser.
✅
Step 1
: Open & Editassets\scss\variables.scss
. This file allows to set the primary and seconday colors of the website
/*
* Global Styling (edit below variables)
* Warn: once edited, the SCSS needs to be recompiled
*/
$primary: #FF7A00 !default; // primary color
$secondary: #00D2C4 !default; // secondary
$info: #17c1e8 !default;
$success: #82d616 !default;
$warning: #fbcf33 !default;
$danger: #ea0606 !default;
✅
Step 2
: Add custom styles toassets\scss\custom.scss
. This file, initially shipped empty, should contain your own code CSS code.
.your-awesome-class {
color: red;
}
✅
Step 3
: Recompile SCSS viaGULP
$ gulp scss
At this point, the new styles should be visible in the website.
Product Page
Testimonial Component
PROMO Component
Brand Component
Free eCommerce Design - Open-Source project crafted by AppSeed.