项目简介link

Swiftcart 是一款多用途电商 HTML 模板，提供首页、产品详情、购物车、结账、博客等多种页面，支持深色模式和 RTL 布局变体，适合快速搭建电商网站或落地页。

技术栈link

• HTML5 + CSS3（含 SCSS 源码）
• Bootstrap 5
• jQuery
• FontAwesome + 自定义图标字体（swiftcart-icons）
• Owl Carousel
• Nice Select、MeanMenu、GLightbox 等第三方插件
• PHP（联系表单邮件发送）

项目结构link

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 等第三方库

核心文件说明link

• 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 — 联系表单邮件发送脚本，处理访客留言

快速开始link

1. 直接用浏览器打开 swiftcart-html/index.html 即可预览
2. 如需本地服务器运行，可执行：
   bashcontent_copyCopy

   cd swiftcart-html
   python -m http.server 8080
   

3. 联系表单需部署至支持 PHP 的服务器，并修改 sendemail.php 中的收件邮箱地址

使用建议link

• 可基于 SCSS 源码自定义配色和布局，修改 swiftcart.scss 后重新编译
• 深色/浅色模式切换通过 data-skin 属性实现，适合落地页 AB 测试场景
• 模板不含后端逻辑，完整电商流程需自行对接数据库和支付接口