项目简介link

PlantZone 是一款面向植物/园艺电商的响应式 HTML 模板，由 DexignZone 开发。模板内置了完整的商店、博客、账户管理等页面模板，适用于搭建绿植、花卉或园艺类在线商城网站。

技术栈link

• HTML5 + Bootstrap 5.3
• SCSS（带 CSS 编译说明） + 原生 CSS
• JavaScript（含 jQuery、Swiper、lightGallery 等插件）
• 图标库：FontAwesome、Feather、Themify、Iconly、Flaticon

项目结构link

plantzonehtml-111/PlantZone-v1.1.1-22_February_2025/
├── doc/                    # 文档页面及样式参考
│   ├── index.html
│   ├── css/style.css
│   └── plugins/
├── xhtml/                  # 正式模板（主要使用）
│   ├── index.html          # 首页入口
│   ├── css/
│   │   ├── style.css       # 主样式
│   │   └── custom.css      # 自定义样式
│   ├── images/
│   ├── js/
│   ├── icons/
│   └── *.html              # 各功能页面模板

核心文件说明link

• xhtml/index.html — 网站首页入口文件
• xhtml/css/style.css — 主样式文件（含 Bootstrap 变量覆盖）
• doc/index.html — 模板文档页面
• xhtml/css/custom.css — 可用于添加自定义样式
• xhtml/js/custom.js — 自定义交互脚本（位于 doc/js/）

快速开始link

直接用浏览器打开 xhtml/index.html 即可预览主页面。如需修改样式，建议在 xhtml/css/ 目录下编辑对应 CSS 文件。

使用建议link

该模板已有大量预制页面（如博客、账户、商店等），可直接复制 xhtml/ 下的 HTML 文件进行二次开发。需要注意 doc/ 目录为文档部分，正式项目应基于 xhtml/ 进行定制。