项目简介link

ebukz 是一个完整的网上书店服务 HTML 模板，基于 Bootstrap 框架构建，包含 3 个首页变体和 18 个内页模板，涵盖商品展示、购物车、结账、博客、作者/出版社介绍等完整电商流程。适合快速搭建图书电商网站。

技术栈link

• Bootstrap 5（响应式布局框架）
• jQuery（DOM 交互与动画）
• GSAP（高端动画效果）
• Font Awesome 6 Pro（图标库）
• Google Fonts：Josefin Sans（标题字体）、Poppins（正文字体）
• Magnific Popup（图片灯箱）
• Slick Slider（轮播组件）

项目结构link

ebukzhtml-10/
├── documentation/          # 模板使用文档
│   ├── assets/
│   │   ├── css/style.css
│   │   └── js/main.js
│   └── index.html
└── download version/        # 生产可用版本
    ├── index.html           # 首页（3个版本：index*.html）
    ├── shop*.html           # 商品相关页面
    ├── blog*.html           # 博客相关页面
    ├── cart.html            # 购物车
    ├── checkout.html        # 结账
    ├── vendor*.html         # 出版社/作者页面
    ├── author*.html         # 作者页面
    ├── about.html           # 关于我们
    ├── contact.html         # 联系页面
    ├── wishlist.html        # 收藏夹
    ├── 404.html             # 错误页
    └── assets/              # 静态资源
        ├── css/
        ├── fonts/
        └── img/

核心文件说明link

• download version/index.html — 书店首页主模板，包含精选图书展示与分类导航
• download version/shop.html — 商品列表页面，支持侧边栏筛选
• download version/assets/css/style.css — 主题核心样式文件（CSS 变量定义在文件顶部）
• download version/assets/js/main.js — 全站交互逻辑（移动端菜单、滚动效果、轮播、GSAP 动画等）
• download version/mail.php — 联系/表单提交的后端接口文件
• documentation/index.html — 模板官方使用文档

快速开始link

1. 下载 ebukzhtml-10/download version 目录至服务器或本地 Web 目录
2. 直接在浏览器打开 index.html，或使用任意本地服务器（如 Live Server）运行
3. 如需修改内容：编辑对应 HTML 文件中的文本与图片路径
4. 样式定制：编辑 assets/css/style.css 中的 CSS 变量（--theme-color 等）

使用建议link

• 该模板为纯静态 HTML，需结合后端（PHP/Node.js）实现真正的购物与用户功能
• 正式部署前建议压缩 CSS/JS 文件并优化图片资源
• GSAP 和 WOW 动画依赖外部库，确保 assets/js/main.js 中引用的 CDN 链接可用