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

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

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

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

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

ขั้นตอน

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

2. ในส่วน เอกสาร คลิก เทมเพลตใบจัดสินค้า

3. ค้นหาตัวแปร Liquid {{ shop_address.summary }} ที่อ้างอิงถึงที่อยู่ร้านค้าของคุณ หากคุณหาตัวแปรนี้ไม่พบ ให้ลองใช้ตัวแปรต่อไปนี้

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

4. ไฮไลต์โค้ดนี้ แล้วลบทิ้ง
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 %}

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

แก้ไขโลโก้

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

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

ขั้นตอน

1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่เนื้อหา > ไฟล์

2. คลิกอัปโหลดไฟล์

3. เลือกและอัปโหลดโลโก้ร้านค้าของคุณจากอุปกรณ์

4. จดชื่อไฟล์เมื่อการอัปโหลดเสร็จสมบูรณ์ รวมถึงสกุลไฟล์ (เช่น .png หรือ .jpg)

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

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

ขั้นตอน

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

2. ในส่วน เอกสาร คลิก เทมเพลตใบจัดสินค้า

3. ค้นหาโค้ดต่อไปนี้ที่อ้างอิงถึงชื่อร้านค้าของคุณ

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

4. ไฮไลต์โค้ดนี้ แล้วลบทิ้ง
5. ในพื้นที่ที่คุณสร้างขึ้น ให้เขียนโค้ดต่อไปนี้โดยใช้ชื่อไฟล์ที่อัปโหลดไว้ก่อนหน้านี้:

{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}

ตัวกรอง file_img_url จะสร้าง URL สำหรับไฟล์ที่อัปโหลดตามขนาดที่ระบุ และตัวกรอง img_tag จะสร้างแท็กรูปภาพ HTML พร้อมข้อความแสดงแทนที่คุณระบุ

ตัวอย่างเช่น หากไฟล์ที่อัปโหลดคือ shop_logo.png โค้ด Liquid ที่สอดคล้องกันจะเป็นดังนี้:

{{ 'shop_logo.png' | file_img_url: 'small' | img_tag: 'Logo' }}

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

เพิ่มโลโก้ไว้เหนือชื่อร้านค้า

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

ขั้นตอน

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

2. ในส่วน เอกสาร คลิก เทมเพลตใบจัดสินค้า

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

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

4. ในพื้นที่ที่คุณสร้างขึ้น ให้เขียนโค้ดต่อไปนี้โดยใช้ชื่อไฟล์ที่คุณอัปโหลดไว้ก่อนหน้านี้ (เช่น shop_logo.png):

{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<br>

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

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

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

ขั้นตอน

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

2. ในส่วน เอกสาร คลิก เทมเพลตใบจัดสินค้า

3. ค้นหาตัวแปร Liquid ต่อไปนี้ที่อ้างอิงถึงชื่อร้านค้าของคุณ

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

4. ไฮไลต์โค้ดนี้ แล้วลบทิ้ง
5. ในพื้นที่ที่คุณสร้างขึ้น ให้เขียนโค้ดต่อไปนี้โดยใช้ชื่อไฟล์ที่คุณอัปโหลดไว้ก่อนหน้านี้ (เช่น shop_logo.png):

{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<span class="to-uppercase">
  {{ shop.name }}
</span>

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

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

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

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

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

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

จัดรูปแบบบันทึกการจัดส่งโดยใช้ CSS

คุณสามารถปรับแต่งบันทึกการจัดส่งของคุณได้โดยใช้ไฟล์ CSS ที่คุณอัปโหลดไปยัง Shopify ไฟล์ CSS ที่โฮสต์ไว้นอก Shopify จะไม่แสดงผลอย่างถูกต้อง

ขั้นตอน

1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่เนื้อหา > ไฟล์

2. คลิกอัปโหลดไฟล์

3. เลือกและอัปโหลดไฟล์ CSS ของคุณ

4. คัดลอก URL ของไฟล์เมื่อการอัปโหลดเสร็จสมบูรณ์

5. ใส่โค้ดต่อไปนี้

<link
  rel="stylesheet"
  type="text/css"
  href="https://cdn.shopify.com/path_to_file/styles.css"
>