shopfront

vitrine

• Introduction et inspiration
• Client Hugo statique uniquement MVP

Dépendances

• Hugo
• npm

Installation et développement local

 npm i
npm audit fix

Trouvez votre clé secrète Stripe ici. (Pensez à utiliser /test/apikeys pendant les tests).

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

Création de produits

Créer des produits dans content/2020/

Fichier de contenu du produit

Structure du contenu du produit :

 content/YYYY/SKU/index.md

Dans content/2020/wrt1/index.md le Front Matter est la source unique de vérité pour product . Depuis public/*/index.json , la liste des produits en JSON est synchronisée avec le backend de Stripe, via make .

Les pages de produits individuelles référencent ensuite l' ID de prix de paiement requis uniquement pour le client à partir du répertoire data/price via les modèles Hugo Data.

Synchroniser avec Stripe

Vous n'avez pas besoin de créer votre produit sur Stripe ; stripe-sync.sh fait cela pour vous.

 make

Publiez sur votre site Web

Déplacez le contenu de public vers votre serveur Web.

Mode client Stripe uniquement

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

Structure des données

Suit celui de https://useshoppingcart.com/usage/cartprovider/ dans layouts/_default/single.html .

Options de livraison

Comment annoncer les limitations de livraison au plus vite, pour ne faire perdre de temps à personne ?

Par exemple, https://online.vicsmeat.com.au/ demande un code postal dès le départ.

Résolution : proposez un bouton pour permettre au GPS de remplir automatiquement leur position, mais leur permet également de la saisir.

Stripe a un shipping_address_collection.allowed_countries comme documenté dans la session validateCartItems