เครื่องมือแก้ไขโค้ดใบเสร็จที่พิมพ์แล้ว

คุณสามารถปรับแต่งใบเสร็จที่พิมพ์แล้วได้โดยใช้เครื่องมือแก้ไขโค้ดในส่วนผู้ดูแล Shopify ของคุณ การใช้เครื่องมือแก้ไขโค้ดทำให้สามารถปรับแต่งขั้นสูงโดยใช้ HTML, CSS และ Liquid ได้มากกว่าการใช้โปรแกรมแก้ไขลักษณะ

คุณสามารถเปลี่ยนเทมเพลตใบเสร็จและเทมเพลตส่วนที่ใช้ในใบเสร็จฉบับพิมพ์ของคุณ ไฟล์เทมเพลตใบเสร็จคือประเภทของใบเสร็จที่คุณสามารถพิมพ์ในร้านค้าของคุณ ส่วนคือส่วนต่างๆ ของใบเสร็จ เช่น ส่วนหัวหรือส่วนท้าย ส่วนสามารถใช้ซ้ำได้โดยใบเสร็จหลายใบ

ในหน้านี้

ข้อควรพิจารณาในการใช้เครื่องมือแก้ไขโค้ดใบเสร็จรับเงิน

ก่อนที่คุณจะใช้เครื่องมือแก้ไขโค้ดใบเสร็จ ให้ตรวจสอบข้อควรพิจารณาต่อไปนี้:

คุณสามารถใช้เครื่องมือแก้ไขโค้ดได้จากส่วนผู้ดูแล Shopify บนเดสก์ท็อปเท่านั้น
การเปลี่ยนแปลงโค้ดมีผลกับตำแหน่งที่ตั้ง POS Pro ทั้งหมด อย่างไรก็ตาม คุณสามารถเพิ่มเงื่อนไขเพื่อแสดงการปรับแต่งสำหรับตำแหน่งที่ตั้งเฉพาะได้ ดูข้อมูลเพิ่มเติมเกี่ยวกับการใช้แท็กควบคุมขั้นตอนการทำงานด้วย Liquid
เมื่อคุณสลับไปใช้เครื่องมือแก้ไขโค้ด คุณจะไม่สามารถปรับแต่งเทมเพลตใบเสร็จจากแอป Shopify POS ได้ คุณยังคงสามารถปรับตัวเลือกการพิมพ์ของคุณได้จากแอป Shopify POS จากตำแหน่งที่ตั้งที่มีแผนการสมัครใช้งาน POS Pro
การปรับแต่งในเครื่องมือแก้ไขโค้ดมีผลกับตำแหน่งที่ตั้ง POS Pro เท่านั้น หากคุณใช้เครื่องมือแก้ไขโค้ดและมีตำแหน่งที่ตั้ง POS Lite คุณสามารถใช้โปรแกรมแก้ไขลักษณะเพื่อปรับแต่งส่วนหัวและส่วนท้ายสำหรับตำแหน่งที่ตั้ง Lite ของคุณได้
ไฟล์ที่สร้างใบเสร็จของคุณประกอบด้วย Liquid ภาษาเทมเพลตของ Shopify ดูข้อมูลเพิ่มเติมเกี่ยวกับการใช้ Liquid
ในการแก้ไขเทมเพลตในเครื่องมือแก้ไขโค้ดใบเสร็จ คุณต้องคุ้นเคยกับการใช้ HTML, CSS และ Liquid ฝ่ายช่วยเหลือด้านธีมของ Shopify สามารถช่วยในการปรับเปลี่ยนเล็กน้อยภายในขอบเขตของนโยบายการออกแบบของ Shopify
ใบเสร็จที่พิมพ์แล้วบางประเภทไม่สามารถปรับแต่งได้
เครื่องมือแก้ไขโค้ดไม่พร้อมใช้งานสำหรับทุกตำแหน่งที่ตั้งในอิตาลี

ข้อควรพิจารณาเกี่ยวกับการใช้งานที่ใช้ร่วมกันไม่ได้สำหรับประเภทใบเสร็จต่างๆ

ใบเสร็จที่พิมพ์แล้วบางประเภทไม่สามารถปรับแต่งในเครื่องมือแก้ไขโค้ดใบเสร็จได้ ประเภทใบเสร็จที่ไม่มีเทมเพลตในเครื่องมือแก้ไขโค้ดไม่สามารถใช้การปรับแต่งได้

คุณสามารถปรับแต่งใบเสร็จที่พิมพ์แล้วประเภทต่อไปนี้ได้:

ใบเสร็จรับเงิน
ใบเสร็จบัตรของขวัญ
ใบเสร็จของขวัญ

คุณไม่สามารถปรับแต่งใบเสร็จต่อไปนี้:

ใบเสร็จการคืนสินค้า
ใบเสร็จการแลกเปลี่ยน

นอกจากนี้ ประเภทใบเสร็จทั้งหมดสำหรับตำแหน่งที่ตั้งในอิตาลีไม่มีสิทธิ์ใช้งานการปรับแต่ง

เข้าถึงเครื่องมือแก้ไขโค้ด

คุณสามารถแก้ไขเทมเพลตของคุณได้โดยใช้เครื่องมือแก้ไขโค้ด

ขั้นตอนมีดังนี้

ในส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่การตั้งค่า > แอปและช่องทางการขาย
คลิก Point of sale
คลิกที่ “เปิดช่องทางการขาย”
คลิก ระบบขายหน้าร้าน > การตั้งค่า
ในส่วน ปรับแต่ง ให้คลิก ใบเสร็จ
คลิก ปรับแต่งใบเสร็จ
คลิก ตัวแก้ไขโค้ด
เลือกไฟล์โค้ดที่จะแก้ไข
แล้วคลิกที่บันทึก

ใช้ไฟล์แบบกำหนดเองในเทมเพลตใบเสร็จของคุณ

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

ขั้นตอนมีดังนี้

ในส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่การตั้งค่า > แอปและช่องทางการขาย
คลิก Point of sale
คลิกที่ “เปิดช่องทางการขาย”
คลิก ระบบขายหน้าร้าน > การตั้งค่า
ในส่วน ปรับแต่ง ให้คลิก ใบเสร็จ
คลิก ตัวแก้ไขโค้ด > หน้าเนื้อหา
คัดลอกลิงก์ที่อยู่ถัดจากไฟล์ที่คุณต้องการใช้ในเทมเพลตใบเสร็จของคุณ
ใส่ลิงก์ไว้ในเทมเพลตของคุณ

รีเซ็ตเทมเพลตใบเสร็จของคุณเป็นค่าเริ่มต้น

คุณสามารถรีเซ็ตเทมเพลตใบเสร็จเป็นเวอร์ชันเริ่มต้นได้โดยใช้เครื่องมือแก้ไขโค้ด

ขั้นตอนมีดังนี้

ในส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่การตั้งค่า > แอปและช่องทางการขาย
คลิก Point of sale
คลิกที่ “เปิดช่องทางการขาย”
คลิก ระบบขายหน้าร้าน > การตั้งค่า
ในส่วน ปรับแต่ง ให้คลิก ใบเสร็จ
คลิกเทมเพลตที่คุณต้องการรีเซ็ต
คลิกไอคอนรีเซ็ต
ในโมดอล รีเซ็ตไฟล์เป็นค่าเริ่มต้น ให้คลิก รีเซ็ต เพื่อยืนยัน

ตัวแปร Liquid มีอยู่ในเครื่องมือแก้ไขโค้ดใบเสร็จ

คุณสามารถใช้ Liquid เพื่อปรับแต่งเทมเพลตใบเสร็จที่พิมพ์แล้วและประเภทใบเสร็จได้

อ็อบเจกต์ข้อมูลต่อไปนี้มีอยู่ในเครื่องมือแก้ไขโค้ดใบเสร็จ:

คำอธิบายของออบเจ็กต์ใบเสร็จ
ออบเจ็กต์	คำอธิบาย
shop	มีข้อมูลร้านค้า ตัวอย่างเช่น ชื่อร้านค้า
location	แสดงข้อมูลที่ตั้งร้านค้าปลีก ตัวอย่างเช่น ที่อยู่และหมายเลขโทรศัพท์
order	แสดงข้อมูลการสั่งซื้อ รวมถึงสินค้าเฉพาะรายการ ส่วนลด ภาษี และข้อมูลธุรกรรม
gift_card	ใช้ได้เฉพาะในเทมเพลต `gift_card.liquid` มีข้อมูลบัตรของขวัญ รวมถึงยอดคงเหลือ รหัสตัวอักษรและตัวเลข และเนื้อหาของคิวอาร์โค้ดที่แอป POS สามารถสแกนได้

## ตัวกรอง Liquid มีอยู่ในเครื่องมือแก้ไขโค้ดใบเสร็จ

คุณสามารถใช้ตัวกรอง Liquid เพื่อปรับเปลี่ยนข้อมูลในเทมเพลตใบเสร็จของคุณได้ ตัวอย่างเช่น คุณสามารถเปลี่ยนการจัดรูปแบบของสกุลเงินหรือการใช้อักษรตัวพิมพ์ใหญ่ของข้อความเฉพาะ เช่น รหัสภาษี

หากต้องการใช้ตัวกรอง ให้เพิ่มอักขระขีดตั้ง | จากนั้นตัวกรองภายในบล็อกของโค้ด Liquid ระหว่างวงเล็บปีกกาคู่ {{ }} ตัวกรองสามารถใช้ได้กับบล็อกของโค้ด Liquid เท่านั้น

ในตัวอย่างต่อไปนี้ ตัวกรองจะปรับรหัสภาษีจากตัวพิมพ์เล็กเป็นตัวพิมพ์ใหญ่

{{ tax_line.title | upcase }}

ในบล็อกโค้ดตัวอย่าง product คือออบเจ็กต์ title คือคุณสมบัติ และ upcase คือตัวกรองที่ใช้ ตัวกรอง upcase เปลี่ยนการใช้อักษรตัวพิมพ์ใหญ่ของค่า tax_line.title เป็นตัวพิมพ์ใหญ่ ตัวอย่างเช่น หาก tax_line.title มีค่าเป็น Hst ตัวกรอง upcase จะเปลี่ยนค่าเป็น HST

ดูส่วนตัวกรองจากข้อมูลอ้างอิง Liquid ของธีม Shopify หากต้องการทราบรายละเอียดเกี่ยวกับวิธีการใช้ตัวกรอง Liquid

ตัวกรองต่อไปนี้มีอยู่ในเครื่องมือแก้ไขโค้ดใบเสร็จ:

คำอธิบายตัวกรองใบเสร็จ
คุณสมบัติ	คำอธิบาย
t	แปลป้ายกำกับที่กำหนดไว้ล่วงหน้าเป็นภาษาที่กำหนดให้กับตำแหน่งที่ตั้งของคุณ
money	จัดรูปแบบราคาในสกุลเงินของตำแหน่งที่ตั้งของคุณ
escape	หลีกเลี่ยงอักขระพิเศษใน HTML เช่น `<>`, `'` และ `&` และแปลงอักขระเป็นลำดับ escape
barcode	สร้างบาร์โค้ด SVG แบบ 1D
qrcode	สร้างบาร์โค้ด SVG แบบ 2D

## ตัวอย่างการปรับแต่งโค้ดเทมเพลตใบเสร็จที่พิมพ์แล้ว

คุณสามารถใช้ Liquid เพื่อเพิ่มการส่งข้อความแบบมีเงื่อนไข ฟังก์ชันการใช้งานนี้มีความคล้ายคลึงกับการบันทึกลงในตำแหน่งที่ตั้งเดียวด้วยโปรแกรมแก้ไขลักษณะ ตัวอย่างเช่น ธุรกิจของคุณเริ่มต้นด้วยตำแหน่งที่ตั้งเดียว และตอนนี้คุณมีตำแหน่งที่ตั้งใหม่หลายแห่ง คุณต้องการไฮไลท์ร้านค้าเดิมของคุณบนใบเสร็จที่พิมพ์แล้ว

คุณสามารถเพิ่มข้อความแบบกำหนดเองลงในเทมเพลต header.liquid ในโฟลเดอร์ ส่วนของเครื่องมือแก้ไขโค้ด และใช้ Liquid เพื่อแสดงข้อความสำหรับตำแหน่งที่ตั้งหลักของคุณเท่านั้น

โค้ดต่อไปนี้จะตรวจสอบชื่อของตำแหน่งที่ตั้ง ในกรณีนี้คือตำแหน่งที่ตั้งเดิมของคุณที่เรียกว่า "บ้าน" และแสดงข้อความ "ยินดีต้อนรับสู่ร้านค้าเดิมของเราที่เปิดในปี 1972" หากตำแหน่งที่ตั้งตรงกับชื่อ ใบเสร็จที่พิมพ์แล้วจากตำแหน่งที่ตั้งอื่นของคุณจะแสดงข้อความ "ยินดีต้อนรับสู่ร้านค้าของเรา" แทน

{% if location.name == 'Home' %}
  Welcome to our original store, opened in 1972.
{% else %}
  Welcome to our store.
{% end %}