Glowify - 美容产品电子商务 HTML 模板

# 项目简介 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 文件。