项目简介
Multikart 是由 Pixelstrap 开发的多用途电商 HTML 模板,包含 50+ 预构建首页、32 个内页、17 个产品页及完整后台管理界面。基于 HTML/CSS3 + jQuery 构建,支持 Gulp 工作流,适合快速搭建响应式电商网站。
技术栈
- HTML5 / CSS3 / JavaScript (jQuery)
- Bootstrap 4/5
- Gulp 4 构建工具
- SASS/SCSS 样式预处理
- Owl Carousel、Remix Icon、Font Awesome
项目结构
text
multikart-update/
├── documentation/
│ └── index.html # 在线文档
└── template/
├── gulpfile.js # Gulp 任务配置
├── package.json # 依赖声明
├── index.html # 模板展示首页
├── assets/ # 公共静态资源
├── front-end/ # 前台商城页面
│ ├── index.html
│ └── *.html # 产品、分类、博客等
├── back-end/ # 后台管理页面
│ ├── index.html
│ ├── product-list.html
│ └── order-*.html
└── email-template/ # 邮件通知模板
核心文件说明
template/index.html— 模板展示首页,导航指向前后台入口template/gulpfile.js— Gulp 构建任务(SASS 编译、热重载、图片优化)template/front-end/index.html— 前台商城首页模板template/back-end/index.html— 后台管理仪表盘documentation/index.html— 完整使用文档
快速开始
bash
cd multikart-update/template
npm install
gulp
纯静态使用:直接在浏览器打开 template/index.html 进入展示页,或打开 front-end/index.html 查看前台效果。
使用建议
该模板为纯前端静态页面,需自行对接后端 API。前后台页面分离,后台适合作为电商管理系统的 UI 参考。
