หน้าแรก>ซอร์สโค้ด ASP>หมวดหมู่อื่นๆ
ดาวน์โหลด

หน้าร้าน

  • บทนำและแรงบันดาลใจ
  • ลูกค้า Hugo แบบคงที่ MVP เท่านั้น

การพึ่งพาอาศัยกัน

  • ฮิวโก้
  • เวลา 22.00 น

การติดตั้งและการพัฒนาท้องถิ่น 

 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 จะถูกซิงค์กับแบ็กเอนด์ของ Stripe ผ่าน make

จากนั้น หน้าผลิตภัณฑ์แต่ละหน้าจะอ้างอิง รหัสราคา ในการชำระเงินสำหรับไคลเอ็นต์เท่านั้นที่จำเป็นจากไดเร็กทอรี data/price ผ่านเทมเพลต Hugo Data

ซิงค์กับแถบ

คุณไม่จำเป็นต้องสร้างผลิตภัณฑ์ของคุณบนแถบ; stripe-sync.sh ทำสิ่งนี้เพื่อคุณ 

 make

เผยแพร่ไปยังเว็บไซต์ของคุณ

ย้ายเนื้อหาของ public ไปยังเว็บเซิร์ฟเวอร์ของคุณ

โหมดแถบไคลเอ็นต์เท่านั้น

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

โครงสร้างข้อมูล

เป็นไปตาม https://useshoppingcart.com/usage/cartprovider/ ใน layouts/_default/single.html

ตัวเลือกการจัดส่ง

จะโฆษณา ข้อจำกัดในการจัดส่ง อย่างไรให้เร็วที่สุดเพื่อไม่ให้ใครเสียเวลา?

ตัวอย่างเช่น https://online.vicsmeat.com.au/ ขอรหัสไปรษณีย์นอกค้างคาว

การแก้ไข: เสนอปุ่มเพื่อให้ GPS ป้อนตำแหน่งอัตโนมัติ แต่ยังอนุญาตให้พิมพ์ลงไปด้วย

Stripe มี shipping_address_collection.allowed_countries ตามที่บันทึกไว้ในเซสชัน validateCartItems

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด