shopfront

vitrine

• Introdução e inspiração
• MVP somente do cliente Hugo estático

Dependências

• hugo
• npm

Instalação e desenvolvimento local

 npm i
npm audit fix

Encontre sua chave secreta de distribuição aqui. (Considere usar /test/apikeys durante o teste).

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

Criação de produto

Crie produtos em content/2020/

Arquivo de conteúdo do produto

Estrutura do conteúdo do produto:

 content/YYYY/SKU/index.md

Em content/2020/wrt1/index.md o Front Matter é a única fonte de verdade para product . Em public/*/index.json , as listagens de produtos em JSON são sincronizadas com o backend do Stripe, via make .

As páginas de produtos individuais fazem referência ao ID de preço de checkout somente do cliente necessário no diretório data/price por meio dos modelos Hugo Data.

Sincronizar com faixa

Você não precisa criar seu produto listrado; stripe-sync.sh faz isso por você.

 make

Publique em seu site

Mova o conteúdo de public para o seu servidor web.

Modo Stripe somente cliente

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

Estrutura de dados

Segue o de https://useshoppingcart.com/usage/cartprovider/ em layouts/_default/single.html .

Opções de entrega

Como divulgar as limitações de entrega o mais rápido possível, para não perder tempo?

Por exemplo, https://online.vicsmeat.com.au/ pede um código postal imediatamente.

Resolução: ofereça um botão para permitir que o GPS preencha automaticamente sua localização, mas também permita que eles a digitem.

Stripe tem um shipping_address_collection.allowed_countries conforme documentado na sessão validCartItems