การแสดง Shop Promise ในหน้าสินค้าของคุณ

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

2. ค้นหาธีมที่คุณต้องการแก้ไข คลิกไอคอน เพื่อเปิดเมนูการดำเนินการ จากนั้นคลิก “แก้ไขโค้ด”

3. เปิดไฟล์ที่เกี่ยวข้อง

4. ค้นหาบรรทัดที่มี {%- if block.settings.show_dynamic_checkout -%} หรือ {{ form | payment_button }}

5. สร้างบรรทัดใหม่ใต้ {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} โดยตรง แล้ววางข้อมูลต่อไปนี้ในบรรทัดดังกล่าว:

<div class="delivery-promise__promise-container"></div>

6. คลิก “บันทึก”

ผลลัพธ์ที่ได้ควรมีลักษณะคล้ายกับตัวอย่างดังต่อไปนี้

{%- if block.settings.show_dynamic_checkout -%}
  {{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>

1. จากแอป Shopify ให้แตะไอคอน

2. ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์ > จัดการธีมทั้งหมด

3. ค้นหาธีมที่คุณต้องการแก้ไข แตะปุ่ม … เพื่อเปิดเมนูการดำเนินการ จากนั้นแตะ “แก้ไขโค้ด”

4. เปิดไฟล์ที่เกี่ยวข้อง

5. ค้นหาบรรทัดที่มี {%- if block.settings.show_dynamic_checkout -%} หรือ {{ form | payment_button }}

6. สร้างบรรทัดใหม่ใต้ {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} โดยตรง แล้ววางข้อมูลต่อไปนี้ในบรรทัดดังกล่าว:

<div class="delivery-promise__promise-container"></div>

7. แตะ “บันทึก” หรือ ✓

ผลลัพธ์ที่ได้ควรมีลักษณะคล้ายกับตัวอย่างดังต่อไปนี้

{%- if block.settings.show_dynamic_checkout -%}
  {{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>

1. ทำตามคำแนะนำเพื่อกำหนดตำแหน่งโมดูล Shop Promise ด้วยตนเองบนหน้าสินค้าของคุณ จากนั้นให้เปิดตัวแก้ไขธีมค้างไว้
2. เพิ่มคุณลักษณะข้อมูลธีมไปยังองค์ประกอบ anchor ที่คุณเพิ่งสร้างขึ้นโดยตั้งค่าเป็น dark หรือ light
3. คลิก “บันทึก”

ผลลัพธ์ที่ได้ควรมีลักษณะคล้ายกับตัวอย่างใดตัวอย่างหนึ่งดังต่อไปนี้

<div class="delivery-promise__promise-container" data-theme="dark"></div>

หรือ

<div class="delivery-promise__promise-container" data-theme="light"></div>

1. ทำตามคำแนะนำเพื่อกำหนดตำแหน่งโมดูล Shop Promise ด้วยตนเองบนหน้าสินค้าของคุณ จากนั้นให้เปิดตัวแก้ไขธีมค้างไว้
2. เพิ่มคุณลักษณะข้อมูลธีมไปยังองค์ประกอบ anchor ที่คุณเพิ่งสร้างขึ้นโดยตั้งค่าเป็น dark หรือ light
3. แตะ “บันทึก”

ผลลัพธ์ที่ได้ควรมีลักษณะคล้ายกับตัวอย่างใดตัวอย่างหนึ่งดังต่อไปนี้

<div class="delivery-promise__promise-container" data-theme="dark"></div>

หรือ

<div class="delivery-promise__promise-container" data-theme="light"></div>

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

2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก “แก้ไขธีม”

3. ไปที่หน้าสินค้าโดยใช้ตัวเลือกเทมเพลตในแถบเมนูด้านบน

4. ในเมนูแถบด้านข้าง ให้ค้นหาส่วนข้อมูลสินค้า

5. คลิก “เพิ่มบล็อก” และเลือก custom Liquid จากรายการบล็อกที่มี

6. ในช่องข้อความ Liquid แบบกำหนดเอง ให้วางโค้ดต่อไปนี้

<div class="delivery-promise__promise-container"></div>

7. กำหนดตำแหน่งของบล็อกโดยการลากไปยังตำแหน่งที่ต้องการ ซึ่งโดยทั่วไปจะอยู่ใต้บล็อกปุ่มซื้อ
8. คลิก “บันทึก” เพื่อใช้การเปลี่ยนแปลงของคุณ

หากคุณต้องการระบุธีมที่ต้องการ (dark หรือ light) ให้ใช้ตัวเลือกใดตัวเลือกหนึ่งดังต่อไปนี้แทน

<div class="delivery-promise__promise-container" data-theme="dark"></div>

หรือ

<div class="delivery-promise__promise-container" data-theme="light"></div>

1. จากแอป Shopify ให้แตะไอคอน

2. ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์ > จัดการธีมทั้งหมด

3. ค้นหาธีมที่ใช้งานอยู่ของคุณแล้วแตะ “แก้ไขธีม”

4. ไปที่หน้าสินค้าโดยใช้ตัวเลือกเทมเพลตที่ด้านบน

5. แตะที่ส่วนข้อมูลสินค้า

6. แตะเพิ่มบล็อก แล้วเลือก Liquid แบบกำหนดเอง

7. ในช่องข้อความ Liquid แบบกำหนดเอง ให้วางโค้ดต่อไปนี้

<div class="delivery-promise__promise-container"></div>

8. กำหนดตำแหน่งของบล็อกโดยการลากไปยังตำแหน่งที่ต้องการ ซึ่งโดยทั่วไปจะอยู่ใต้บล็อกปุ่มซื้อ
9. แตะบันทึกเพื่อปรับใช้การเปลี่ยนแปลงของคุณ

หากคุณต้องการระบุธีมที่ต้องการ (dark หรือ light) ให้ใช้ตัวเลือกใดตัวเลือกหนึ่งดังต่อไปนี้แทน

<div class="delivery-promise__promise-container" data-theme="dark"></div>

หรือ

<div class="delivery-promise__promise-container" data-theme="light"></div>