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

หน้านี้พิมพ์ขึ้นเมื่อ Feb 04, 2023 หากต้องการเวอร์ชันปัจจุบัน โปรดไปที่ https://help.shopify.com/th/manual/orders/status-tracking/customize-order-status/order-status-javascript-asset

คุณสามารถเพิ่ม 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 แล้วหรือยัง

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