Bajar:多用途电商 HTML5 模板
Bajar 是一套面向在线商店的 HTML5 模板,属于前端静态模板,不是 WordPress 主题也不是 CMS 系统。它基于 Bootstrap 5 与 SASS 编写,适合服装店、时尚买手店、极简电商与家具电商这类需要清爽商品展示的站点。
模板把电商站需要的页面结构都铺好了:商品列表、商品详情、购物车、结算、账户、关于与联系。交付的是 HTML、CSS、SCSS 与 JS 文件,后端要自己接,或者套进现成的建站系统里。
功能构成
- 页面:17 个以上页面,两套以上首页,覆盖商品、购物车、结算与内容页;
- 栅格:Bootstrap 5 栅格或 1320px 自定义栅格,四列以上布局;
- 样式:SASS 源文件,主色可改,另带一套完整 UI 组件与图标库;
- 适配:全响应式,触屏友好,Retina 就绪,主流浏览器兼容;
- 工程化:代码有注释、通过 W3C 校验,另含 Google 地图与字体排版示例。
技术参数
技术栈为 HTML5、CSS3、SASS、Bootstrap 5 与 jQuery,滑块用 Swiper,图片放大用 Magnific Popup,字体为 Marcellus 与 Jost,图标来自 IcoFont 与 Font Awesome。标注支持 IE11 以上与主流现代浏览器。
注意官方声明:演示里的图片只作预览用,不含在交付文件里。上线前要自己准备商品图,并按同一比例裁切,否则列表页会参差。
静态模板的改版成本低,适合先做一版视觉验证,确定风格之后再套进 WordPress 或自建后台,返工最少。反过来先做系统再改视觉,往往要动模板结构。
上手与注意
- 先接后端。模板只有前端,商品数据、购物车与支付都要自己接。
- 图片规范。演示图不可用,按商品图统一比例与白底重出。
- SASS 编译。改色改间距走 SCSS 变量,直接改编译后的 CSS 下次会丢。
- 购物车流程。模板里的结算页是静态的,接入支付后要把金额与运费重算一遍。
- 不要当 CMS 用。这是静态模板,没有后台,商品上新靠手工改页面或另接系统。
适用场景
做静态电商展示页的设计师、需要快速搭原型的建站团队,以及打算把模板套进自有系统前端的开发者。
nulled 版本可直接本地打开改样式,正式站请支持正版。下载在芒果下载页,装完核对文件完整。
模板来源见Themeforest 标签,电商视觉方向见电商主题插件专题。
更多前端模板见WordPress 主题列表页,WooCommerce 商品页展示见商品展示插件标签。
本站所有资源收集自网络,所有软件版权归属原作者。



