
Glowify - Beauty Products eCommerce HTML Template
category电商
# 项目简介
Glowify 是一套面向美妆电商的静态 HTML 模板,基于 Bootstrap 框架构建,包含首页、商品目录、商品详情、购物车、结账、博客、用户账户等完整页面。适合快速搭建美妆护肤品在线商店。
## 技术栈
- Bootstrap 5(响应式布局框架)
- FontAwesome(图标库)
- Slick(轮播 / 幻灯片)
- Select2(下拉选择增强)
- jQuery(交互逻辑)
- Google Fonts(Barlow + Prompt 字体)
## 项目结构
```
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` — 主样式文件,包含所有自定义样式
## 快速开始
1. 进入 `Glowify - Template` 目录;
2. 双击打开 `index.html`,或使用本地服务器(如 `npx serve .`)运行;
3. 根据需求修改对应 HTML 文件内容即可。
## 使用建议
模板提供了 30+ 个页面,建议根据实际业务挑选所需页面,替换占位图片和文字。修改样式时优先在 `style.css` 末尾添加覆盖规则,避免直接改动 vendor 文件。
help_outline
FAQ
Comments0
PublishedJan 20, 2026
Tech Stack
HTML