การปรับแต่งเทมเพลต Order Printer

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

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

สร้างเทมเพลต Order Printer ใหม่

ในการสร้างเทมเพลตใหม่ของ Order Printer คุณต้องคุ้นเคยกับการใช้ HTML, CSS และ Liquid ฝ่ายช่วยเหลือด้านธีมของ Shopify สามารถช่วยในการเปลี่ยนแปลงเล็กน้อยภายในขอบเขตของนโยบายการออกแบบของ Shopify

ขั้นตอน:

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

2. คลิกOrder Printerเพื่อเปิดแอป

3. คลิกที่จัดการเทมเพลต

4. คลิก “เพิ่มเทมเพลต”

5. ป้อนชื่อเทมเพลตใหม่ของคุณในช่องชื่อ

6. เพิ่มรหัส HTML, CSS หรือรหัส Liquid ในช่องรหัสเพื่อสร้างเทมเพลตของคุณ

7. เมื่อเสร็จแล้ว ให้คลิกที่บันทึก

แก้ไขเทมเพลตของ Order Printer

ในการแก้ไขเทมเพลตของ Order Printer คุณต้องคุ้นเคยกับการใช้ HTML, CSS และ Liquid ฝ่ายช่วยเหลือด้านธีมของ Shopify สามารถช่วยในการเปลี่ยนแปลงเล็กน้อยภายในขอบเขตของนโยบายการออกแบบของ Shopify ฝ่ายช่วยเหลือด้านธีมของ Shopify สามารถช่วยในการเปลี่ยนแปลงเล็กน้อยภายในขอบเขตของนโยบายการออกแบบของ Shopify

ขั้นตอน:

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

2. คลิกOrder Printerเพื่อเปิดแอป

3. คลิกที่จัดการเทมเพลต

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

5. ทำการเปลี่ยนแปลงเทมเพลตโดยการเพิ่มหรือแก้ไข HTML CSS หรือโค้ด Liquid ในช่องโค้ดหากต้องการดูตัวอย่างการปรับแต่งเทมเพลตให้ดูตัวอย่างการปรับแต่งเทมเพลต

6. เมื่อเสร็จแล้ว ให้คลิกที่บันทึก

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

ตัวอย่างต่อไปนี้แสดงวิธีที่พบโดยทั่วไปในการปรับแต่งเทมเพลตของ Order Printer:

• เพิ่มโลโก้ของคุณไปยังเทมเพลตของ Order Printer
• ทำให้ความกว้างตาราง 100%
• แสดงรูปภาพขนาดย่อของสินค้า
• เพิ่มรายละเอียดคำสั่งซื้อ

ตัวอย่าง: เพิ่มโลโก้ของคุณไปยังเทมเพลตของ Order Printer

หมายเหตุ: การปรับแต่งต่อไปนี้จำเป็นต้องมีความรู้พื้นฐานเกี่ยวกับ HTML

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

1. คลิกอัปโหลดไฟล์และเลือกไฟล์รูปภาพบนคอมพิวเตอร์ของคุณ

2. ในหน้าไฟล์ให้คลิก URL รูปภาพเพื่อไฮไลต์ จากนั้นคัดลอกข้อความ

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

4. คลิกOrder Printerเพื่อเปิดแอป

5. คลิกที่จัดการเทมเพลต

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

7. ป้อนส่วนย่อยของโค้ดต่อไปนี้ไปยังเทมเพลตของคุณที่คุณต้องการให้โลโก้ปรากฏ:.

8. แทนที่your-image-URLด้วย URL รูปภาพที่คุณคัดลอก คุณอาจต้องเพิ่มแท็ก
เพื่อเพิ่มตัวแบ่งบรรทัดก่อนหรือหลังรูปภาพของคุณทั้งนี้ขึ้นอยู่กับตำแหน่งที่คุณต้องการให้โลโก้ของคุณปรากฏ

ควรมีลักษณะเช่นนี้ใน HTML:

ตัวอย่าง: สร้างตารางที่มีความกว้าง 100%

หากต้องการทำให้ตารางของคุณมีเส้นขอบและความกว้างถึง 100% ให้เพิ่มระดับชั้นtable-tabularลงในตารางของคุณ:

class="table-tabular">...

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

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

{{line_item.product.featured_image|product_img_url:'thumb'|img_tag}}

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

หมายเหตุ: การปรับแต่งต่อไปนี้จำเป็นต้องมีความรู้เกี่ยวกับ HTML และ Liquid

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

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

2. คลิกOrder Printerเพื่อเปิดแอป

3. คลิกที่จัดการเทมเพลต

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

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

6. เมื่อเสร็จแล้ว ให้คลิกที่บันทึก

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

< br > < br > <表类=“table-tabular”风格= "玛格in: 0 0 1.5em 0;">   Quantity Item {% if show_line_item_taxes %} Taxes {% endif %} Price    {% for line_item in line_items %}  {{ line_item.quantity }} x {{ line_item.title }} {% if line_item.tax_lines %}  {% for tax_line in line_item.tax_lines %} {{ tax_line.price | money }} {{ tax_line.title }}
 {% endfor %}  {% endif %} {{ line_item.price | money }}  {% endfor %}  

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