การปรับแต่งบันทึกการจัดส่ง

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

เปลี่ยนที่อยู่ร้านค้า

หากคุณต้องการแก้ไขหรือเปลี่ยนที่อยู่ร้านค้าของคุณ คุณสามารถไปที่การตั้งค่า > ทั่วไป และแก้ไขข้อมูลร้านค้าของคุณ

หากคุณต้องการเปลี่ยนเฉพาะที่อยู่บนบันทึกการจัดส่งของคุณ ให้ทำตามขั้นตอนด้านล่างนี้

ขั้นตอน:

1. จากส่วนผู้ดูและระบบ Shopify ให้ไปที่การตั้งค่า > การจัดส่ง
2. ในส่วนบันทึกการจัดส่ง ให้คลิก แก้ไข
3. หาตัวแปร Liquid ต่อไปนี้ที่อ้างอิงที่อยู่ร้านค้าของคุณ:

{{ shop_address.address1 }}, {{ shop_address.city }}, {{ shop_address.province_code }}, {{ shop_address.zip }}, {{ shop_address.country }}

1. ไฮไลต์รหัสนี้และลบ 5. พิมพ์ที่อยู่ที่คุณต้องการให้อยู่บนบันทึกการจัดส่งของคุณในช่องว่าง ตัวอย่างเช่น คุณสามารถพิมพ์ที่อยู่ของคุณเช่นนี้:
   123 Example Street, New York, NY, 10000, United States 6. คลิก แสดงตัวอย่างเทมเพลต เพื่อดูความเปลี่ยนแปลงของคุณ 7. คลิก บันทึก

ลบรูปภาพสินค้าออก

คุณสามารถลบรูปภาพสินค้าของคุณที่ปรากฏถัดจากชื่อสินค้าบนบันทึกการจัดส่งออกได้

ขั้นตอน:

1. จากส่วนผู้ดูและระบบ Shopify ให้ไปที่การตั้งค่า > การจัดส่ง
2. ในส่วนบันทึกการจัดส่ง ให้คลิก แก้ไข
3. หาตัวแปร Liquid ต่อไปนี้ที่อ้างอิงรูปภาพสินค้าของคุณ:

{% if line_item.image != blank %}
       <div class="flex-line-item-img">
         <div class="aspect-ratio aspect-ratio-square" style="width: {{ desired_image_size }}px; height: {{ desired_image_size }}px;">
           {{ line_item.image | img_url: effective_image_dimensions | img_tag: '', 'aspect-ratio__content' }}
         </div>
       </div>
       {% endif %}

1. ไฮไลต์รหัสนี้และลบ 5. คลิก แสดงตัวอย่างเทมเพลต เพื่อดูการเปลี่ยนแปลงของคุณ 6. คลิก บันทึก

แก้ไขโลโก้

ก่อนที่คุณจะเพิ่มโลโก้ร้านค้าของคุณไปยังบันทึกการจัดส่ง คุณจำเป็นต้องอัปโหลดโลโก้ของคุณไปยัง Shopify admin คุณต้องมี URL ที่กำหนดไปยังไฟล์ของคุณเพื่อใช้บนบันทึกการจัดส่งของคุณ

หลังจากอัปโหลดโลโก้ไปยังร้านค้าของคุณแล้ว คุณสามารถเพิ่มโลโก้และลบชื่อร้านค้าของคุณออก เพิ่มโลโก้บนชื่อร้านค้าของคุณ หรือเพิ่มโลโก้ถัดจากชื่อร้านของคุณได้

ขั้นตอน:

1. จากส่วน Shopify admin ให้ไปที่การตั้งค่า > ไฟล์
2. คลิก อัปโหลดไฟล์
3. เลือกและอัปโหลดโลโก้ร้านค้าของคุณจากอุปกรณ์ของคุณ
4. คัดลอก URL ไฟล์เมื่อการอัปโหลดเสร็จสิ้น

เพิ่มโลโก้และลบชื่อร้านค้าออก

คุณสามารถลบชื่อร้านค้าของคุณออกและแทนที่ด้วยโลโก้ร้านค้าของคุณที่ด้านบนของบันทึกการจัดส่งได้

ขั้นตอน:

1. จากส่วนผู้ดูและระบบ Shopify ให้ไปที่การตั้งค่า > การจัดส่ง
2. ในส่วนบันทึกการจัดส่ง ให้คลิก แก้ไข
3. หาตัวแปร Liquid ต่อไปนี้ที่อ้างอิงชื่อร้านค้าของคุณ: {{ shop.name }}
4. ไฮไลต์รหัสนี้และลบ
5. ในช่องว่างที่คุณได้สร้างไว้ เขียนรหัสต่อไปนี้และวาง URL ที่คัดลอกตามที่ระบุ:

<img src="PASTE FILE URL HERE" style="width: 60px; height: 60px;">

1. คลิก แสดงตัวอย่างเทมเพลต เพื่อดูการเปลี่ยนแปลงของคุณ 7. คลิก บันทึก

เพิ่มโลโก้ด้านบนชื่อร้านค้า

หากคุณต้องการเพิ่มโลโก้ของคุณบนชื่อร้านค้าที่ด้านบนบันทึกการจัดส่ง ให้ทำตามขั้นตอนด้านล่างนี้

ขั้นตอน:

1. จากส่วนผู้ดูและระบบ Shopify ให้ไปที่การตั้งค่า > การจัดส่ง
2. ในส่วนบันทึกการจัดส่ง ให้คลิก แก้ไข
3. หาตัวแปร Liquid ต่อไปนี้ที่อ้างอิงชื่อร้านค้าของคุณและเพิ่มบรรทัดว่างระหว่างสองแถว:

<div class="shop-title">
      |
      <p class="to-uppercase">

1. ในช่องว่างที่คุณได้สร้างไว้ เขียนรหัสต่อไปนี้และวาง URL ที่คัดลอกตามที่ระบุ:

<img src="PASTE FILE URL HERE" style="width: 60px; height: 60px;">
<br>

1. เลือก แสดงตัวอย่างเทมเพลต เพื่อดูการเปลี่ยนแปลงของคุณ 6. คลิก บันทึก

เพิ่มโลโก้ถัดจากชื่อร้านค้า

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

ขั้นตอน:

1. จากส่วนผู้ดูและระบบ Shopify ให้ไปที่การตั้งค่า > การจัดส่ง
2. ในส่วนบันทึกการจัดส่ง ให้คลิก แก้ไข
3. หาตัวแปร Liquid ต่อไปนี้ที่อ้างอิงชื่อร้านค้าของคุณ:

<p class="to-uppercase">
{{ shop.name }}
</p>

1. ไฮไลต์รหัสนี้และลบ 5. ในช่องว่างที่คุณได้สร้างไว้ เขียนรหัสต่อไปนี้และวาง URL ที่คัดลอกตามที่ระบุ:

<img src="PASTE FILE URL HERE" style="width: 60px; height: 60px;">
<span class="to-uppercase">
  {{ shop.name }}
</span>

1. หาตัวแปร Liquid ต่อไปนี้:

.shop-title {
  -webkit-box-flex: 6;
  -webkit-flex: 6;
  flex: 6;
  font-size: 1.9em;
}

1. เพิ่มแถวใหม่ที่ส่วนท้ายของตัวแปรที่ระบุด้านบนและวางรหัสต่อไปนี้:

.shop-title img {
 vertical-align: middle;
}

.shop-title span {
 vertical-align: middle;
}

1. เลือก แสดงตัวอย่างเทมเพลต เพื่อดูการเปลี่ยนแปลงของคุณ 9. คลิก บันทึก