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 會話中記錄的那樣