shopfront

店頭

• イントロとインスピレーション
• 静的 Hugo クライアントのみの MVP

依存関係

• ヒューゴ
• npm

インストールとローカル開発

 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 がproduct の信頼できる唯一の情報源です。 public/*/index.jsonから、JSON 内の製品リストがmakeを介して Stripe のバックエンドと同期されます。

次に、個々の製品ページは、Hugo Data テンプレートを介してdata/priceディレクトリから必要なクライアント専用チェックアウト価格 IDを参照します。

ストライプと同期する

製品をストライプ上で作成する必要はありません。 stripe-sync.shこれを実行します。

 make

ウェブサイトに公開する

publicのコンテンツを Web サーバーに移動します。

Stripe クライアント専用モード

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

データ構造

https://useshoppingcart.com/usage/cartprovider/ のlayouts/_default/single.htmlの内容に従います。

配送オプション

誰も時間を無駄にしないように、配信制限をできるだけ早く宣伝するにはどうすればよいでしょうか?

たとえば、https://online.vicsmeat.com.au/ は最初から郵便番号を要求します。

解決策: GPS で位置情報を自動入力できるようにするだけでなく、入力できるようにするボタンを提供します。

validateCartItems セッションに記載されているように、Stripe にはShipping_address_collection.allowed_countriesがあります。