การสร้างและการปรับแต่งเทมเพลตโดยใช้ Shopify Order Printer

คุณสามารถสร้างและปรับแต่งเทมเพลตสำหรับแอป Shopify Order Printer ได้ในส่วนผู้ดูแล Shopify ของคุณ ตามค่าเริ่มต้น แอป Shopify Order Printer จะมีเทมเพลตต่อไปนี้:

  • ใบแจ้งหนี้: ใบแจ้งหนี้ที่คุณสามารถส่งให้แก่ลูกค้าได้
  • บันทึกการจัดส่ง - สิ่งพิมพ์ระบุที่อยู่ร้านค้าของคุณและที่อยู่สำหรับการจัดส่งของลูกค้า

คุณสามารถใช้ Liquid เพื่อสร้างเทมเพลตที่คุณกำหนดเองสำหรับใบแทรกบรรจุภัณฑ์อื่นๆ เช่น คูปอง ป้ายกำกับ หรือใบเสร็จ

ข้อควรพิจารณาในการสร้างเทมเพลตในแอป Shopify Order Printer

ตรวจสอบข้อควรพิจารณาต่อไปนี้ก่อนที่คุณจะสร้างเทมเพลตในแอป Shopify Order Printer:

สร้างเทมเพลต

คุณสามารถสร้างเทมเพลตใหม่สำหรับเอกสารคำสั่งซื้อของคุณได้

ขั้นตอน:

  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้คลิกการตั้งค่า > แอปและช่องทางการขาย

  2. จากหน้าแอปและช่องทางการขาย ให้คลิก “Order Printer

  3. คลิก “เปิดแอป

  4. คลิก "เทมเพลต"

  5. คลิกที่สร้างเทมเพลต

  6. ในช่องชื่อ ให้ป้อนชื่อเทมเพลตของคุณ เช่น ป้ายกำกับหรือคูปอง

  7. ในส่วนแก้ไขโค้ด ให้เพิ่มโค้ด HTML, CSS หรือ Liquid เพื่อสร้างเทมเพลตของคุณ

  8. ตัวเลือกเสริม: หากต้องการดูตัวอย่างเทมเพลตของคุณ ให้คลิกดูตัวอย่าง

  9. คลิก บันทึก

แก้ไขเทมเพลต

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

ขั้นตอน:

  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้คลิกการตั้งค่า > แอปและช่องทางการขาย

  2. จากหน้าแอปและช่องทางการขาย ให้คลิก “Order Printer

  3. คลิก “เปิดแอป

  4. คลิก "เทมเพลต"

  5. คลิก "ทมเพลต" ที่คุณต้องการแก้ไข

  6. ในส่วนแก้ไขโค้ด ให้เพิ่มหรือแก้ไขโค้ด HTML, CSS หรือ Liquid

  7. ตัวเลือกเสริม: หากต้องการดูตัวอย่างเทมเพลตของคุณ ให้คลิกดูตัวอย่าง

  8. คลิก บันทึก

ตัวอย่างการปรับแต่งเทมเพลต

ตรวจสอบตัวอย่างต่อไปนี้เพื่อเรียนรู้วิธีที่คุณสามารถใช้เทมเพลตของ Shopify Order Printer:

คุณสามารถเพิ่มโลโก้ของคุณไปยังเทมเพลตได้

ขั้นตอน:

  1. จากส่วนผู้ดูแล Shopify ให้ไปที่เนื้อหา > ไฟล์
  2. คลิก “อัปโหลดไฟล์” จากนั้นจึงเลือกรูปภาพของไฟล์ที่คุณต้องการอัปโหลด
  3. หากต้องการคัดลอก URL ของรูปภาพโลโก้ของคุณ ให้คลิกที่ไอคอนลิงก์
  4. คลิกที่ การตั้งค่า > แอปและช่องทางการขาย
  5. คลิก "Order Printer"
  6. คลิก "เทมเพลต"
  7. คลิกชื่อของเทมเพลตที่คุณต้องการแก้ไข
  8. ในเครื่องมือแก้ไขโค้ด ให้วางบล็อกโค้ดต่อไปนี้:

liquid <div style="text-align: center;"> <img style="width: 4em;" src="YOUR_IMAGE_URL_HERE"> </div>

  1. แทนที่โค้ด YOUR_IMAGE_URL_HERE ด้วย URL รูปภาพของคุณ
  2. ทางเลือก: หากต้องการจัดแนวโลโก้ของคุณ ให้เปลี่ยนค่า text-align เป็น left, right หรือ center
  3. ทางเลือก: หากต้องการปรับความกว้างโลโก้ของคุณ ให้เปลี่ยนค่า width เป็นค่าที่มากขึ้นหรือน้อยลง เช่น 8em หรือ 2em
  4. ตัวเลือกเสริม: หากต้องการดูตัวอย่างเทมเพลตของคุณ ให้คลิกดูตัวอย่าง
  5. คลิก บันทึก

ตัวอย่าง:

ตรวจสอบตัวอย่างต่อไปนี้ว่า HTML ของคุณควรแสดงผลอย่างไรหลังจากที่คุณเพิ่มโลโก้ไปยังเทมเพลตของคุณ:

ตัวอย่างที่แสดงบล็อกโค้ดของวิธีเพิ่มโลโก้ลงในเทมเพลต

ทำให้ตารางกว้าง 100%

คุณสามารถเพิ่มเส้นขอบในตารางและยืดความกว้างได้ 100% คุณต้องเพิ่มระดับ table-tabular ลงในตารางของคุณ

ขั้นตอน:

  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้คลิกการตั้งค่า > แอปและช่องทางการขาย

  2. จากหน้าแอปและช่องทางการขาย ให้คลิก “Order Printer

  3. คลิก “เปิดแอป

  4. คลิก "เทมเพลต"

  5. คลิก "ทมเพลต" ที่คุณต้องการแก้ไข

  6. ในเครื่องมือแก้ไขโค้ด ให้หาตารางที่คุณต้องการแก้ไข จากนั้นเพิ่มระดับ table-tabular ลงในตารางของคุณ

  7. ตัวเลือกเสริม: หากต้องการดูตัวอย่างเทมเพลตของคุณ ให้คลิกดูตัวอย่าง

  8. คลิก บันทึก

ตัวอย่าง:

<table class="table-tabular">
    ...
</table>

แสดงรูปภาพขนาดย่อของสินค้า

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

ขั้นตอน:

  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้คลิกการตั้งค่า > แอปและช่องทางการขาย

  2. จากหน้าแอปและช่องทางการขาย ให้คลิก “Order Printer

  3. คลิก “เปิดแอป

  4. คลิก "เทมเพลต"

  5. คลิก "ทมเพลต" ที่คุณต้องการแก้ไข

  6. เพิ่มบล็อกโค้ด liquid {{ line_item.product.featured_image | product_img_url: 'thumb' | img_tag }} ลงในเทมเพลตของคุณ

  7. ตัวเลือกเสริม: หากต้องการดูตัวอย่างเทมเพลตของคุณ ให้คลิกดูตัวอย่าง

  8. คลิก บันทึก

เพิ่มรายละเอียดคำสั่งซื้อ

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

ขั้นตอน:

  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้คลิกการตั้งค่า > แอปและช่องทางการขาย

  2. จากหน้าแอปและช่องทางการขาย ให้คลิก “Order Printer

  3. คลิก “เปิดแอป

  4. คลิก "เทมเพลต"

  5. คลิก "ทมเพลต" ที่คุณต้องการแก้ไข

  6. ในตัวแก้ไขโค้ด ให้ใช้ตัวแปร se Liquid เพื่อเพิ่มรายละเอียดคำสั่งซื้อ และใช้ HTML เพื่อเพิ่มการจัดรูปแบบ ตัวอย่างเช่น การใช้รหัส {{ line_item.price | money }} จะแสดงราคาของสินค้า

  7. ตัวเลือกเสริม: หากต้องการดูตัวอย่างเทมเพลตของคุณ ให้คลิกดูตัวอย่าง

  8. คลิก บันทึก

ตัวอย่าง:

Nyla ต้องการแก้ไขเทมเพลตบันทึกการจัดส่งของเธอเพื่อให้ระบุรายการสินค้าที่กำลังได้รับการจัดส่ง เธอเพิ่มโค้ดต่อไปนี้ไปยังด้านล่างของเทมเพลตบันทึกการจัดส่งของเธอในแอป Shopify Order Printer: ด้วยเหตุนั้นเอง บันทึกการจัดส่งของ Nyla ในขณะนี้จะมีตารางที่แสดงรายการสินค้าที่ซื้อไปแล้วอยู่

liquid <br> <br> <table class="table-tabular" style="margin: 0 0 1.5em 0;"> <thead> <tr> <th>Quantity</th> <th>Item</th> {% if tax_lines.size > 0 %} <th>Taxes</th> {% endif %} <th>Price</th> </tr> </thead> <tbody> {% for line_item in line_items %} <tr> <td>{{ line_item.quantity }} x</td> <td><b>{{ line_item.title }}</b></td> {% if line_item.tax_lines %} <td> {% for tax_line in line_item.tax_lines %} {{ tax_line.price | money }} {{ tax_line.title }}<br/> {% endfor %} </td> {% endif %} <td>{{ line_item.price | money }}</td> </tr> {% endfor %} </tbody> </table>

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

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