SwiftCart - E-commerce Multipurpose HTML Template

# 项目简介 Swiftcart 是一款多用途电商 HTML 模板，提供首页、产品详情、购物车、结账、博客等多种页面，支持深色模式和 RTL 布局变体，适合快速搭建电商网站或落地页。 ## 技术栈 - HTML5 + CSS3（含 SCSS 源码） - Bootstrap 5 - jQuery - FontAwesome + 自定义图标字体（swiftcart-icons） - Owl Carousel - Nice Select、MeanMenu、GLightbox 等第三方插件 - PHP（联系表单邮件发送） ## 项目结构 ``` swiftcart-html/ ├── index.html ├── shop.html ├── product-details.html ├── cart.html ├── checkout.html ├── contact.html ├── blog-grid.html ├── about.html ├── 404.html └── assets/ ├── css/ │ ├── swiftcart.css │ ├── swiftcart-dark.css │ └── swiftcart-rtl.css ├── js/ │ └── swiftcart.js ├── inc/ │ └── sendemail.php ├── sass/ │ └── swiftcart.scss └── vendors/ # Bootstrap、jQuery 等第三方库 ``` ## 核心文件说明 - `index.html` — 首页，包含导航、搜索、轮播、商品分类等完整模块 - `assets/css/swiftcart.css` — 主样式文件，定义所有页面布局与组件样式 - `assets/css/swiftcart-dark.css` — 深色主题变体，可通过切换功能使用 - `assets/css/swiftcart-rtl.css` — RTL 布局支持（阿拉伯语等从右至左阅读语言） - `assets/js/swiftcart.js` — 页面交互逻辑（导航、轮播、表单等） - `assets/inc/sendemail.php` — 联系表单邮件发送脚本，处理访客留言 ## 快速开始 1. 直接用浏览器打开 `swiftcart-html/index.html` 即可预览 2. 如需本地服务器运行，可执行： ```bash cd swiftcart-html python -m http.server 8080 ``` 3. 联系表单需部署至支持 PHP 的服务器，并修改 `sendemail.php` 中的收件邮箱地址 ## 使用建议 - 可基于 SCSS 源码自定义配色和布局，修改 `swiftcart.scss` 后重新编译 - 深色/浅色模式切换通过 `data-skin` 属性实现，适合落地页 AB 测试场景 - 模板不含后端逻辑，完整电商流程需自行对接数据库和支付接口