shopfront

铺面

• 简介和灵感
• 仅静态 Hugo 客户端 MVP

依赖关系

• 雨果
• 新项目管理

安装和本地开发

 npm i
npm audit fix

在这里找到您的条纹密钥。 （在测试期间考虑使用 /test/apikeys）。

 echo STRIPE_SECRET=sk... > .env
edit config.toml
hugo server

产品创作

在content/2020/中创建产品

产品内容文件

产品内容结构：

 content/YYYY/SKU/index.md

在content/2020/wrt1/index.md中，Front Matter 是产品的唯一真实来源。从public/*/index.json中，JSON 中的产品列表通过make与 Stripe 的后端同步。

然后，各个产品页面通过 Hugo 数据模板从data/price目录中引用所需的仅限客户端结帐价格 ID 。

与条纹同步

您不需要在条纹上创建您的产品； stripe-sync.sh会为您完成此操作。

 make

发布到您的网站

将public的内容移至您的网络服务器。

Stripe 仅限客户端模式

• https://useshoppingcart.com/usage/cartprovider#client-only-checkout-mode

数据结构

遵循layouts/_default/single.html中的 https://useshoppingcart.com/usage/cartprovider/ 。

交付选项

如何尽快公布送货限制，以免浪费任何人的时间？

例如，https://online.vicsmeat.com.au/ 立即要求提供邮政编码。

解决方案：提供一个按钮，使 GPS 能够自动填充他们的位置，但也允许他们输入位置。

Stripe 有一个Shipping_address_collection.allowed_countries ，如 validateCartItems 会话中记录的那样