องค์ประกอบ JavaScript สำหรับสถานะคำสั่งซื้อ

คุณสามารถเพิ่ม JavaScript ไปยังหน้าสถานะคำสั่งซื้อ (เดิมเรียกว่าหน้าขอบคุณ) ของขั้นตอนการชำระเงินที่ใช้กล่องสคริปต์เพิ่มเติมใน Shopify admin ของคุณ

องค์ประกอบ JavaScript Shopify.Checkout.OrderStatus สามารถใช้เพื่อเพิ่มเนื้อหลายประเภทไปยังหน้าสถานะคำสั่งซื้อได้ เช่น:

  • หมายเหตุสำหรับสินค้าบางรายการ
  • คำแนะนำสำหรับวิธีจัดส่งแต่ละวิธี
  • ลิงก์ดาวน์โหลดสำหรับสินค้าดิจิตอล

องค์ประกอบ JavaScript นี้ยังสามารถเข้าถึงได้ผ่าน ScriptTag

มีวิธีการทำงานอย่างไร

Shopify.Checkout.OrderStatus มีฟังก์ชันสำหรับสร้างเนื้อหาใหม่:

addContentBox(params)

ฟังก์ชันนี้จะเพิ่มกล่องเนื้อหาที่เมื่อมีพารามิเตอร์ส่งผ่านไปยังฟังก์ชัน ระบบจะแสดงข้อมูลนั้นในแถวแยก

รองรับ HTML5 ภายในฟังก์ชัน และคุณสามารถใช้ liquid นอกฟังก์ชันได้

ตัวอย่าง

คุณสามารถเพิ่มเนื้อหาเมื่อมีการใช้วิธีการจัดส่งบางรายการได้:

<script>
  {% if checkout.shipping_method.title == 'Pick-up at the store' %}
    Shopify.Checkout.OrderStatus.addContentBox(
     '<h2>Pick-up in store</h2>',
     '<p>We are open everyday from 9am to 5pm.</p>'
    )
  {% endif %}
</script>

พร้อมเริ่มต้นการขายด้วย Shopify แล้วหรือยัง

ทดลองใช้งานฟรี