eCommerce Design - Open-Source Bootstrap 5 Template | AppSeed
OTHER License
Open-Source eCommerce Design Template styled with Bootstrap 5 using a simple codebase and best practices - Actively supported by AppSeed.
LIVE DEMO
License
CC BY 3.0 - Preserve footer credit
Need More?
** BUY License**:ONLY $19
(one-time payment via GUMROAD)
view demo
Remove Footer Credits
Updates
: LifetimeUnlimited
hobby & commercial projects
Gulp Tooling
(simple usage, no fancy tools)Primary/secondary
colors in variables.scss
Add your own code
in custom.scss
Compile the project
$ yarn # install modules
$ gulp scss # start for development
$ gulp # Development Build
The design should be visible in the browser.
Step 1
: Open & Editsrc/assets/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 tosrc/assets/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.