องค์ประกอบ JavaScript สำหรับสถานะคำสั่งซื้อ
หน้านี้พิมพ์ขึ้นเมื่อ Mar 31, 2020 หากต้องการเวอร์ชันปัจจุบัน โปรดไปที่ 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>