项目简介
Bajar 是一款多用途电商 HTML 模板,支持服装、家具、杂货、电子产品等多种商品类目。模板提供了完整的电商页面集合,包括首页、商品列表/详情、博客、购物车、结账等,适合快速搭建综合型电商网站或专题活动页。
技术栈
- HTML5 / CSS3(静态页面)
- Bootstrap 5
- FontAwesome 5(图标)
- Swiper(轮播)
- nice-select(自定义下拉选择)
- meanmenu(响应式导航)
- countdown(倒计时组件)
项目结构
text
bajarhtml-10/
└── bajar_html_main/
├── documentation/
│ └── index.html ← 官方文档/说明页
└── bajar/ ← 模板核心目录
├── index.html ← 首页
├── shop.html ← 商品列表
├── shop-details.html ← 商品详情
├── shop-sidebar.html ← 带侧边栏的列表页
├── blog*.html ← 博客相关页面
├── cart.html ← 购物车
├── checkout.html ← 结账
├── wishlist.html ← 收藏夹
├── compare.html ← 对比页
├── contact.html ← 联系我们
├── signup.html ← 注册
├── error.html ← 404 错误页
└── assets/
├── css/main.css ← 主样式文件
└── js/ ← JS 脚本目录
核心文件说明
bajar/index.html— 首页,包含顶部公告栏、搜索、分类筛选、轮播等bajar/shop.html— 商品列表页,支持网格/列表视图切换bajar/shop-details.html— 商品详情页,展示图片、规格、评论等内容bajar/cart.html— 购物车页面bajar/assets/css/main.css— 全局主样式,定义页面整体风格documentation/index.html— 官方文档,说明安装方式及页面说明
快速开始
- 进入
bajarhtml-10/bajar_html_main/bajar/目录 - 直接用浏览器打开
index.html即可预览完整模板
使用建议
- 该模板为纯静态页面,适合前端展示层;实际业务需自行对接后端接口或电商系统
- 模板中所有表单(如注册、联系、结账)均为 UI 示例,生产环境需补充数据处理逻辑
