shopfront

escaparate

• Introducción e inspiración
• Cliente estático Hugo solo MVP

Dependencias

• hugo
• mpn

Instalación y desarrollo local.

 npm i
npm audit fix

Encuentra tu clave secreta de Stripe aquí. (Considere usar /test/apikeys durante la prueba).

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

Creación de producto

Crear productos en content/2020/

Archivo de contenido del producto

Estructura del contenido del producto:

 content/YYYY/SKU/index.md

En content/2020/wrt1/index.md Front Matter es la única fuente de verdad para el producto . Desde public/*/index.json , la lista de productos en JSON se sincroniza con el backend de Stripe, a través de make .

Luego, las páginas de productos individuales hacen referencia al ID de precio de pago requerido solo para el cliente del directorio data/price a través de las plantillas de Hugo Data.

Sincronizar con raya

No necesitas crear tu producto en stripe; stripe-sync.sh hace esto por usted.

 make

Publicar en su sitio web

Mueva los contenidos de public a su servidor web.

Modo solo cliente de Stripe

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

estructura de datos

Sigue el de https://useshoppingcart.com/usage/cartprovider/ en layouts/_default/single.html .

Opciones de entrega

¿Cómo anunciar las limitaciones de entrega lo antes posible para no hacer perder el tiempo a nadie?

Por ejemplo, https://online.vicsmeat.com.au/ solicita un código postal desde el principio.

Resolución: Ofrezca un botón para permitir que el GPS complete automáticamente su ubicación, pero también les permita escribirla.

Stripe tiene una dirección de envío_collection.allowed_countries como se documenta en la sesión de validarCartItems