simplestore

机器翻译正文由机器翻译自项目原始文档（英文），排版经程序统一处理，可能存在偏差，请以原项目仓库为准。

更新即将推出！获取通知

注册 以获取新功能和版本的更新

简单商店

simpleStore 是一个干净、响应式的店面模板，无需数据库，几分钟内即可搭建。simpleStore 基于 simpleCart.js 和 Skeleton CSS 框架构建，提供轻量、快速、易用且完全可自定义的体验。

功能

• 无需数据库，全客户端（仅使用简单的 HTML、CSS 和 Javascript）
• 轻量且快速
• 税率计算
• 无限产品属性
• 运输
• 多种货币
• 支付网关（Paypal、Google 结账、Amazon 支付）
• 更多功能请查看 simpleCart.js

插件

• Google 表格（通过 Google 表格控制产品，而不是 JSON 文件）

演示

您可以在 这里 查看工作演示

安装

通过 Bower 安装

bower install

或使用最新的 版本 手动安装

安装

1. 确保 simpleStore 部署在网页服务器上（任何类型都可以，只要它能提供静态网页）。

2. 在 js/config.js 中配置你的支付选项。

checkout: {
    type: "PayPal" ,
    email: "you@yours.com"
},

3.按照你的喜好编辑 js/config.js。

4.在 products.json 文件中添加其他产品。

使用插件

要使用插件，请在你的 config.js 文件前添加一个引用

<script src="plugins/google-sheets.js"></script>
<script src="js/config.js"></script>

HTML 版本

如果您在寻找更基础的版本，请查看此分支上的 HTML 版本。HTML 版本使用普通 HTML 构建商店，而不是使用 JSON 文件。

使用 <div class="simpleCart_shelfItem"></div> 标签添加额外的产品。

功劳应该归功于应得的人

有关扩展/调整 simpleStore 的更多文档，请查看框架/插件页面。

• Skeleton
• simpleCart.js
• Normalize.css
• FontAwesome
• jQuery

关于 JavaScript 购物车的说明

所有 JavaScript 购物车都不是完全可靠的。由于 simpleStore 完全在客户端运行，一些用户可能会在结账前尝试更改价格。SimpleStore 已尽最大努力减少此类行为。请务必监控您的销售情况。就像现实生活中一样，如果有人走进您的商店并更改价格标签，您当然不会认可这些更改。

贡献

欢迎各种形式的贡献：错误报告、错误修复、拉取请求和简单建议。如果您确实希望贡献，请遵循 Airbnb JavaScript 风格指南。谢谢！