项目简介
Glowify 是一套面向美妆电商的静态 HTML 模板，基于 Bootstrap 框架构建，包含首页、商品目录、商品详情、购物车、结账、博客、用户账户等完整页面。适合快速搭建美妆护肤品在线商店。
技术栈
- Bootstrap 5（响应式布局框架）
- FontAwesome（图标库）
- Slick（轮播 / 幻灯片）
- Select2（下拉选择增强）
- jQuery（交互逻辑）
- Google Fonts（Barlow + Prompt 字体）
项目结构
text
glowifyhtml-10/
├── Glowify - Template/
│ ├── index.html
│ ├── shop.html / shop-*.html（多种商品目录布局）
│ ├── product-details*.html（商品详情页）
│ ├── cart.html / checkout.html / wishlist.html（购物流程）
│ ├── blog*.html / about.html / contact.html
│ ├── login.html / signup.html / my-account.html
│ └── assets/
│ ├── css/
│ │ ├── bootstrap.min.css
│ │ ├── fontawesome.min.css
│ │ ├── slick.min.css
│ │ ├── select2.min.css
│ │ └── style.css（主样式文件）
│ └── js/
│ ├── jquery.min.js
│ └── layout.js
└── Glowify - Documentation/
└── index.html（官方文档）
核心文件说明
index.html— 模板首页入口shop.html— 商品目录主页面product-details.html— 商品详情页cart.html— 购物车页面checkout.html— 结账流程页面assets/css/style.css— 主样式文件，包含所有自定义样式
快速开始
- 进入
Glowify - Template目录； - 双击打开
index.html，或使用本地服务器（如npx serve .）运行； - 根据需求修改对应 HTML 文件内容即可。
使用建议
模板提供了 30+ 个页面，建议根据实际业务挑选所需页面，替换占位图片和文字。修改样式时优先在 style.css 末尾添加覆盖规则，避免直接改动 vendor 文件。
