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

ตั้งแต่วันที่ 6 ธันวาคม 2024 เป็นต้นไป คำสั่งซื้อที่มีชุดรวมสินค้าจะแสดงเป็นกลุ่มรายการสินค้าที่ซ้อนกันในเทมเพลตอีเมลหลายๆ แบบของคุณ

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

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

ข้อควรพิจารณาในการอัปเดตเทมเพลตอีเมลที่ปรับแต่ง

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

  • เทมเพลตการแจ้งเตือนในส่วน การตั้งค่า > การแจ้งเตือน ของส่วนผู้ดูแล Shopify ของคุณมี Liquid ซึ่งเป็นภาษาเทมเพลตของ Shopify, HTML และ CSS คุณควรแก้ไขโค้ดสำหรับเทมเพลตการแจ้งเตือนก็ต่อเมื่อคุณรู้จัก HTML และ CSS และมีความเข้าใจพื้นฐานเกี่ยวกับ Liquid เท่านั้น
  • การบันทึกการเปลี่ยนแปลงในเทมเพลตการแจ้งเตือนจะเขียนทับโค้ดเทมเพลตก่อนหน้า คุณสามารถเปลี่ยนเทมเพลตกลับเป็นค่าเริ่มต้นได้ แต่หากคุณทำเช่นนั้น การปรับแต่งโค้ดเทมเพลตก่อนหน้าของคุณจะสูญหายและไม่สามารถกู้คืนได้
  • หากคุณต้องการอัปเดตเทมเพลตแต่ไม่มีประสบการณ์ในการแก้ไขโค้ดเทมเพลตการแจ้งเตือน คุณอาจสามารถขอรับความช่วยเหลือได้ด้วยวิธีดังต่อไปนี้
    • ฝ่ายช่วยเหลือของ Shopify ไม่สามารถแก้ไขเทมเพลตการแจ้งเตือนให้คุณได้อย่างครอบคลุม แต่อาจช่วยปรับเปลี่ยนรายละเอียดเล็กน้อยให้กับธีมฟรีของ Shopify ได้ภายใต้ขอบเขตของนโยบายการออกแบบของ Shopify
    • สำหรับการเปลี่ยนแปลงที่ซับซ้อนขึ้น โปรดจ้างShopify Partner

ก่อนและหลังการเปลี่ยนแปลงมุมมองแบบกลุ่ม

ก่อนการอัปเดตเทมเพลตการแจ้งเตือนทางอีเมล ชุดรวมสินค้าจะแสดงเป็นรายการสินค้าแต่ละรายการดังนี้

ก่อนการเปลี่ยนแปลงมุมมองแบบกลุ่ม

หลังจากอัปเดตเทมเพลตการแจ้งเตือนทางอีเมล ชุดรวมสินค้าจะแสดงเป็นกลุ่มรายการสินค้าที่ซ้อนกันดังนี้

หลังการเปลี่ยนแปลงมุมมองแบบกลุ่ม

รายการการแจ้งเตือนทางอีเมลที่อัปเดตแล้วสำหรับชุดรวมสินค้า

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

การแจ้งเตือนลูกค้า

คำอธิบายของการแจ้งเตือนทางอีเมลที่อัปเดตแล้วสำหรับมุมมองแบบกลุ่มของชุดรวมสินค้า
เทมเพลตการแจ้งเตือนตำแหน่งในส่วนผู้ดูแลประเภทการแสดงผล
การยืนยันคำสั่งซื้อการประมวลผลคำสั่งซื้อชุดรวมสินค้าจะแสดงเป็นกลุ่มที่ซ้อนกัน
ใบแจ้งหนี้คำสั่งซื้อข้อยกเว้นสำหรับคำสั่งซื้อชุดรวมสินค้าจะแสดงเป็นกลุ่มที่ซ้อนกัน
ข้อผิดพลาดในการชำระเงินที่รอดำเนินการการชำระเงินชุดรวมสินค้าจะแสดงเป็นกลุ่มที่ซ้อนกัน
การชำระเงินที่รอดำเนินการสำเร็จการชำระเงินชุดรวมสินค้าจะแสดงเป็นกลุ่มที่ซ้อนกัน
อีเมล POS ถึงลูกค้าหน้าร้านชุดรวมสินค้าจะแสดงเป็นกลุ่มที่ซ้อนกัน
ใบเสร็จ POS และมือถือหน้าร้านชุดรวมสินค้าจะแสดงเป็นกลุ่มที่ซ้อนกัน
สร้างการคืนสินค้าแล้วการคืนสินค้าสินค้าแต่ละรายการในชุดรวมสินค้าจะแสดงเป็นรายการแยกกัน
ได้รับคำขอคืนสินค้าแล้วการคืนสินค้าสินค้าแต่ละรายการในชุดรวมสินค้าจะแสดงเป็นรายการแยกกัน
คำขอคืนสินค้าได้รับการอนุมัติแล้วการคืนสินค้าสินค้าแต่ละรายการในชุดรวมสินค้าจะแสดงเป็นรายการแยกกัน
คำขอคืนสินค้าถูกปฏิเสธการคืนสินค้าสินค้าแต่ละรายการในชุดรวมสินค้าจะแสดงเป็นรายการแยกกัน

การแจ้งเตือนพนักงาน

คำอธิบายของการแจ้งเตือนทางอีเมลที่อัปเดตแล้วสำหรับมุมมองแบบกลุ่มของชุดรวมสินค้า
เทมเพลตการแจ้งเตือนประเภทการแสดงผล
คำสั่งซื้อใหม่ชุดรวมสินค้าจะแสดงเป็นกลุ่มที่ซ้อนกัน
คำขอคืนสินค้าใหม่สินค้าแต่ละรายการในชุดรวมสินค้าจะแสดงเป็นรายการแยกกัน
แก้ไขการระบุแหล่งที่มาของยอดขายแล้วสินค้าแต่ละรายการในชุดรวมสินค้าจะแสดงเป็นรายการแยกกัน
คำสั่งซื้อฉบับร่างใหม่ชุดรวมสินค้าจะแสดงเป็นกลุ่มที่ซ้อนกัน
ขั้นตอนการชำระเงินที่ยังไม่เสร็จสิ้น (ใน Shopify Messaging)ชุดรวมสินค้าจะแสดงเป็นกลุ่มที่ซ้อนกัน

เปลี่ยนเทมเพลตการแจ้งเตือนที่ปรับแต่งแล้วกลับเป็นค่าเริ่มต้น

หากต้องการอัปเดตเทมเพลตการแจ้งเตือนที่ปรับแต่งแล้วในส่วน การตั้งค่า > การแจ้งเตือน ของส่วนผู้ดูแล Shopify คุณสามารถสำรองข้อมูลการปรับแต่งใดๆ ที่มีในเทมเพลตอีเมลด้วยตนเอง จากนั้นเปลี่ยนเทมเพลตกลับเป็นค่าเริ่มต้น แล้วนำการปรับแต่งของคุณมาปรับใช้อีกครั้ง

ขั้นตอน

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

  2. คลิกการแจ้งเตือนลูกค้า หรือ การแจ้งเตือนพนักงาน

  3. คลิกการแจ้งเตือนที่คุณต้องการจะอัปเดต

  4. คลิกแก้ไขโค้ด

  5. สำรองข้อมูลการปรับแต่งที่คุณทำไว้โดยไฮไลท์การปรับแต่งในเทมเพลตที่ต้องการเก็บไว้ คัดลอกโค้ด แล้วบันทึกไว้ในที่ปลอดภัย เช่น ในไฟล์ข้อความ

  6. คลิก ย้อนคืนเป็นค่าเริ่มต้น หลังจากที่คุณย้อนคืนแล้ว จะไม่สามารถกู้คืนการปรับแต่งของคุณได้ ดังนั้นโปรดตรวจสอบให้แน่ใจว่าคุณได้สำรองข้อมูลการเปลี่ยนแปลงของคุณไว้อย่างปลอดภัยแล้ว

  7. ในกล่องโต้ตอบ ให้คลิก ย้อนคืนการเปลี่ยนแปลง เพื่อยืนยัน

  8. นำการปรับแต่งของคุณไปปรับใช้อีกครั้งกับเทมเพลตที่อัปเดตแล้ว

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

มือถือ
  1. จาก แอป Shopify ให้แตะ Menu แล้วแตะ Settings การตั้งค่า

  2. ในส่วน การตั้งค่าร้านค้า ให้แตะ การแจ้งเตือน

  3. แตะการแจ้งเตือนลูกค้า หรือ การแจ้งเตือนพนักงาน

  4. แตะการแจ้งเตือนที่คุณต้องการอัปเดต

  5. แตะปุ่มแก้ไขโค้ดเพื่อแก้ไขโค้ดเทมเพลต

  6. สำรองข้อมูลการปรับแต่งที่คุณทำไว้โดยไฮไลท์การปรับแต่งในเทมเพลตที่ต้องการเก็บไว้ คัดลอกโค้ด แล้วบันทึกไว้ในที่ปลอดภัย เช่น ในไฟล์ข้อความ

  7. แตะ ย้อนคืนเป็นค่าเริ่มต้น หลังจากที่คุณย้อนคืนแล้ว จะไม่สามารถกู้คืนการปรับแต่งของคุณได้ ดังนั้นโปรดตรวจสอบให้แน่ใจว่าคุณได้สำรองข้อมูลการเปลี่ยนแปลงของคุณไว้อย่างปลอดภัยแล้ว

  8. ในกล่องโต้ตอบ ให้แตะ ย้อนคืนการเปลี่ยนแปลง เพื่อยืนยัน

  9. นำการปรับแต่งของคุณไปปรับใช้อีกครั้งกับเทมเพลตที่อัปเดตแล้ว

  10. แตะ บันทึก หรือ

แก้ไขโค้ดสำหรับเทมเพลตอีเมลที่ปรับแต่งของคุณ

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

อัปเดตการแจ้งเตือนคำสั่งซื้อทางอีเมล

ทำตามขั้นตอนเหล่านี้เพื่ออัปเดตเทมเพลตที่คุณปรับแต่งไว้สำหรับการแจ้งเตือนคำสั่งซื้อทางอีเมลต่อไปนี้

  • การยืนยันคำสั่งซื้อ
  • อีเมลคำสั่งซื้อใหม่
  • ใบแจ้งหนี้คำสั่งซื้อ
  • การชำระเงินที่รอดำเนินการสำเร็จ
  • ข้อผิดพลาดในการชำระเงินที่รอดำเนินการ
  • ใบเสร็จ POS และมือถือ

ขั้นตอน

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

  2. คลิกการแจ้งเตือนลูกค้า หรือ การแจ้งเตือนพนักงาน

  3. คลิกการแจ้งเตือนที่คุณต้องการจะอัปเดต

  4. คลิกแก้ไขโค้ด

  5. สำรองข้อมูลการปรับแต่งที่คุณทำไว้โดยไฮไลท์การปรับแต่งในเทมเพลตที่ต้องการเก็บไว้ คัดลอกโค้ด แล้วบันทึกไว้ในที่ปลอดภัย เช่น ในไฟล์ข้อความ นอกจากนี้คุณยังสามารถไฮไลท์เทมเพลตทั้งหมด คัดลอก แล้วบันทึกไว้ในที่ที่ปลอดภัยได้อีกด้วย

  6. ค้นหาลูปสินค้าเฉพาะรายการในเทมเพลตโดยค้นหา subtotal_line_items ซึ่งจะแสดงบางอย่างดังนี้

{% for line in subtotal_line_items %}
  1. ครอบโค้ดทั้งหมดภายในลูป subtotal_line_items ด้วยเงื่อนไข if โดยการเพิ่ม {% if line.groups.size == 0 %} ไว้ที่ใต้ลูป subtotal_line_items ขาเปิด จากนั้นให้ปิดเงื่อนไข if โดยเพิ่ม {% endif %} ไว้ที่เหนือลูป {% endfor %} ขาปิด
{% if line.groups.size == 0 %}
        <Your old code>
    {% endif %}
  1. โค้ดของคุณควรมีลักษณะดังนี้
{% for line in subtotal_line_items %}
        {% if line.groups.size == 0 %}
            <Your old code>
        {% endif %}
    {% endfor %}
  1. วางโค้ดต่อไปนี้ไว้ด้านล่างแท็ก {% endfor %} ที่ปิดอยู่ของลูปสินค้าเฉพาะรายการ subtotal_line_items
{% for line_item_group in line_item_groups %}

        {% assign final_line_price = 0 %}
        {% assign original_line_price = 0 %}
        {% assign discount_keys_str = "" %}

    {% for component in line_item_group.components %}
        {% assign final_line_price = final_line_price | plus: component.final_line_price %}
        {% assign original_line_price = original_line_price | plus: component.original_line_price %}

        {% for da in component.discount_allocations %}
            {% if da.discount_application.target_selection != 'all' %}
                {% assign discount_key = da.discount_application.title | append: da.discount_application.type %}
                {% assign discount_keys_str = discount_keys_str | append: discount_key | append: "," %}
            {% endif %}
        {% endfor %}
    {% endfor %}

    {% assign discount_keys = discount_keys_str | split: "," | uniq %}

        <tr class="order-list__item">
            <td class="order-list__item__cell">
                <table>
                    <td class="order-list__parent-image-cell">
                        {% if line_item_group.image %}
                            <img src="{{ line_item_group | img_url: 'compact_cropped' }}" align="left" width="60" height="60" class="order-list__product-image"/>
                        {% else %}
                            <div class="order-list__no-image-cell">
                                <img src="{{ 'notifications/no-image.png' | shopify_asset_url }}" align="left" width="60" height="60" class="order-list__no-product-image"/>
                            </div>
                        {% endif %}
                    </td>
                    <td class="order-list__product-description-cell">
                        <span class="order-list__item-title">{{ line_item_group.title }}&nbsp;&times;&nbsp;{{ line_item_group.quantity }}</span><br/>

                        {% for discount_key in discount_keys %}
                            {% assign discount_amount = 0 %}

                            {% for component in line_item_group.components %}
                                {% for da in component.discount_allocations %}
                                    {% assign key = da.discount_application.title | append: da.discount_application.type %}
                                    {% if da.discount_application.target_selection != 'all' and key == discount_key %}
                                        {% assign discount_amount = discount_amount | plus: da.amount %}
                                        {% assign discount_title = da.discount_application.title %}
                                    {% endif %}
                                {% endfor %}
                            {% endfor %}

                            <p>
                                <span class="order-list__item-discount-allocation">
                                    <img src="{{ 'notifications/discounttag.png' | shopify_asset_url }}" width="18" height="18" class="discount-tag-icon" />
                                    <span>
                                        {{ discount_title | upcase }}
                                        (-{{ discount_amount | money }})
                                    </span>
                                </span>
                            </p>
                        {% endfor %}

                        {% for component in line_item_group.components %}
                            <table>
                                <tr class="order-list__item">
                                    <td class="order-list__bundle-item">
                                        <table>
                                            <td class="order-list__image-cell">
                                                {% if component.image %}
                                                    <img src="{{ component | img_url: 'compact_cropped' }}" align="left" width="40" height="40" class="order-list__product-image"/>
                                                {% else %}
                                                    <div class="order-list__no-image-cell small">
                                                        <img src="{{ 'notifications/no-image.png' | shopify_asset_url }}" align="left" width="40" height="40" class="order-list__no-product-image small"/>
                                                    </div>
                                                {% endif %}
                                            </td>

                                            <td class="order-list__product-description-cell">
                                                {% if component.product.title %}
                                                    {% assign component_title = component.product.title %}
                                                {% else %}
                                                    {% assign component_title = component.title %}
                                                {% endif %}

                                                <span class="order-list__item-title">{{ component.quantity }}&nbsp;&times;&nbsp;{{ component_title }}</span><br>

                                                {% if component.variant.title != 'Default Title'%}
                                                    <span class="order-list__item-variant">{{ component.variant.title }}</span>
                                                {% endif %}
                                            </td>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        {% endfor %}
                    </td>

                    <td class="order-list__parent-price-cell">
                        {% if original_line_price != final_line_price %}
                            <del class="order-list__item-original-price">{{ original_line_price | money }}</del>
                        {% endif %}
                        <p class="order-list__item-price">
                            {% if final_line_price > 0 %}
                                {{ final_line_price | money }}
                            {% else %}
                                Free
                            {% endif %}
                        </p>
                    </td>
                </table>
            </td>
        </tr>
    {% endfor %}
    </table>

    <table class="row subtotal-lines">
        <tr>
            <td class="subtotal-spacer"></td>
            <td>
                <table class="row subtotal-table">
                    {% assign total_order_discount_amount = 0 %}
                    {% assign has_shipping_discount = false %}
                    {% assign epsilon = 0.00001 %}

                    {% for discount_application in discount_applications %}
                        {% if discount_application.target_selection == 'all' and discount_application.target_type == 'line_item' %}
                            {% assign order_discount_count = order_discount_count | plus: 1 %}
                            {% assign total_order_discount_amount = total_order_discount_amount | plus: discount_application.total_allocated_amount %}
                        {% endif %}
                        {% if discount_application.target_type == 'shipping_line' %}
                            {% assign has_shipping_discount = true %}
                            {% assign shipping_discount_title = discount_application.title %}
                            {% if discount_application.total_allocated_amount == 0 %}
                                {% assign discount_value_price = discount_application.value | times: 100 %}
                            {% else %}
                                {% assign discount_value_price = discount_application.total_allocated_amount %}
                            {% endif %}
                            {% assign shipping_amount_minus_discount_value_price = shipping_price | minus: discount_value_price %}
                            {% assign shipping_amount_minus_discount_value_price_abs = shipping_amount_minus_discount_value_price | abs %}
                            {% assign discount_application_value_type = discount_application.value_type | strip %}
                            {% if shipping_amount_minus_discount_value_price_abs < epsilon or discount_application_value_type == 'percentage' and discount_application.value == 100 %}
                                {% assign free_shipping = true %}
                            {% else %}
                                {% assign discounted_shipping_price = shipping_amount_minus_discount_value_price %}
                            {% endif %}
                        {% endif %}
                    {% endfor %}
                </table>
            </td>
        </tr>
    </table>
  1. คลิก บันทึก

อัปเดตการแจ้งเตือนทางอีเมลสำหรับคำสั่งซื้อที่ยังไม่ชำระเงินและขั้นตอนการชำระเงินที่ยังไม่เสร็จสิ้น

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

  • คำสั่งซื้อฉบับร่างใหม่
  • ตะกร้าสินค้าที่ยังไม่ชำระเงิน
  • ใบแจ้งหนี้คำสั่งซื้อที่ยังไม่ชำระเงิน
  • อีเมล POS ถึงลูกค้า

ขั้นตอน

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

  2. คลิกการแจ้งเตือนลูกค้า หรือ การแจ้งเตือนพนักงาน

  3. คลิกการแจ้งเตือนที่คุณต้องการจะอัปเดต

  4. คลิกแก้ไขโค้ด

  5. สำรองข้อมูลการปรับแต่งที่คุณทำไว้โดยไฮไลท์การปรับแต่งในเทมเพลตที่ต้องการเก็บไว้ คัดลอกโค้ด แล้วบันทึกไว้ในที่ปลอดภัย เช่น ในไฟล์ข้อความ

  6. ค้นหาลูปสินค้าเฉพาะรายการในเทมเพลตโดยค้นหา subtotal_line_items ซึ่งจะแสดงบางอย่างดังนี้

{% for line in subtotal_line_items %}
  1. วางโค้ดต่อไปนี้ไว้ด้านหลังลูป {% for line in subtotal_line_items %} ที่เปิดอยู่
{% assign expand_bundles = true %}
  1. ค้นหาบล็อกที่แสดงผลรูปภาพสินค้า โดยควรมีลักษณะดังนี้
<td class="order-list__image-cell">
            {% if line.image %}
                <img src="{{ line | img_url: 'compact_cropped' }}" align="left" width="60" height="60" class="order-list__product-image"/>
            {% else %}
                <div class="order-list__no-image-cell">
                <img src="{{ 'notifications/no-image.png' | shopify_asset_url }}" align="left" width="60" height="60" class="order-list__no-product-image"/>
                </div>
            {% endif %}
        </td>
  1. แก้ไขคลาส order-list__image-cell โดยครอบด้วยเงื่อนไข if {% if expand_bundles and line.bundle_parent? %} และเพิ่มคลาสสำรอง การดำเนินการนี้จะเปลี่ยนเทมเพลตรูปภาพเพื่อที่ว่าหากตัวแปร {% assign expand_bundles = true %} เป็นจริง คลาสรูปภาพจะเปลี่ยนจาก order-list__parent-image-cell เป็น order-list__image-cell โค้ดเทมเพลตของคุณควรมีลักษณะดังนี้
<td
            {% if expand_bundles and line.bundle_parent? %}
                class="order-list__parent-image-cell"
            {% else %}
                class="order-list__image-cell"
            {% endif %}
            >
            {% if line.image %}
                <img src="{{ line | img_url: 'compact_cropped' }}" align="left" width="60" height="60" class="order-list__product-image"/>
            {% else %}
                <div class="order-list__no-image-cell">
                <img src="{{ 'notifications/no-image.png' | shopify_asset_url }}" align="left" width="60" height="60" class="order-list__no-product-image"/>
                </div>
            {% endif %}
        </td>
  1. ค้นหาโค้ดที่แสดงผลชื่อตัวเลือกสินค้า โดยควรมีลักษณะดังนี้
{% if line.variant.title != 'Default Title' %}
        <span class="order-list__item-variant">{{ line.variant.title }}</span><br/>
    {% endif %}
  1. หากต้องการซ่อนชื่อตัวเลือกสินค้าสำหรับชุดรวมสินค้า ให้เพิ่ม and line.bundle_parent? == false ไปยังเงื่อนไข if {% if line.variant.title != 'Default Title' %} จากนั้นเพิ่มเงื่อนไข elsif ซึ่งจะแสดงผลบางอย่างดังนี้
{% if line.variant.title != 'Default Title' and line.bundle_parent? == false %}
        <span class="order-list__item-variant">{{ line.variant.title }}</span><br/>
    {% elsif line.variant.title != 'Default Title' and line.bundle_parent? and expand_bundles == false %}
        <span class="order-list__item-variant">{{ line.variant.title }}</span><br/>
    {% endif %}
  1. ตัวเลือกเสริม: ค้นหาโค้ดที่แสดงผลราคา โดยโค้ดดังกล่าวควรมีคลาส order-list__price-cell การแจ้งเตือนทางอีเมลสำหรับตะกร้าสินค้าที่ยังไม่ชำระเงินจะไม่มีส่วนนี้ แต่เทมเพลตการแจ้งเตือนสำหรับคำสั่งซื้อที่ยังไม่ชำระเงินมี โดยควรมีลักษณะดังนี้
<td class="order-list__price-cell">
  1. เพิ่มคำสั่ง if และคลาสเพิ่มเติมสำหรับราคาเพื่ออัปเดตราคาสำหรับชุดรวมหลัก โดยควรมีลักษณะดังนี้
<td
    {% if expand_bundles and line.bundle_parent? %}
        class="order-list__parent-price-cell"
    {% else %}
        class="order-list__price-cell"
    {% endif %}
    >
  1. ค้นหาโค้ด flat view หรือ Part of: ในลูป for {% for group in line.groups %} เทมเพลตอีเมลเก่าอาจไม่มีโค้ดนี้
{% for group in line.groups %}
        <span class="order-list__item-variant">Part of: {{ group.display_title }}</span><br/>
    {% endfor %}
  1. แทนที่ลูป {% for group in line.groups %} ทั้งหมดด้วยโค้ดต่อไปนี้
{% if expand_bundles %}
            {% for component in line.bundle_components %}
                <table>
                <tr class="order-list__item">
                    <td class="order-list__bundle-item">
                    <table>
                        <td class="order-list__image-cell">
                        {% if component.image %}
                            <img src="{{ component | img_url: 'compact_cropped' }}" align="left" width="40" height="40" class="order-list__product-image small"/>
                        {% elsif component.image_url %}
                            <img src="{{ component.image_url }}" align="left" width="40" height="40" class="order-list__product-image small"/>
                        {% else %}
                            <div class="order-list__no-image-cell small">
                            <img src="{{ 'notifications/no-image.png' | shopify_asset_url }}" align="left" width="40" height="40" class="order-list__no-product-image small"/>
                            </div>
                        {% endif %}
                        </td>

&#x3C;td class=&#x22;order-list__product-description-cell&#x22;&#x3E;
                    {% if component.product.title %}
                        {% assign component_title = component.product.title %}
                    {% else %}
                        {% assign component_title = component.title %}
                    {% endif %}

                    {% assign component_display = component.quantity %}

                    &#x3C;span class=&#x22;order-list__item-title&#x22;&#x3E;{{ component_title }}&#x26;nbsp;&#x26;times;&#x26;nbsp;{{ component_display }}&#x3C;/span&#x3E;&#x3C;br&#x3E;

                    {% if component.variant.title != &#x27;Default Title&#x27;%}
                        &#x3C;span class=&#x22;order-list__item-variant&#x22;&#x3E;{{ component.variant.title }}&#x3C;/span&#x3E;
                    {% endif %}
                    &#x3C;/td&#x3E;
                &#x3C;/table&#x3E;
                &#x3C;/td&#x3E;
            &#x3C;/tr&#x3E;
            &#x3C;/table&#x3E;
        {% endfor %}
        {% else %}
        {% for group in line.groups %}
            &#x3C;span class=&#x22;order-list__item-variant&#x22;&#x3E;Part of: {{ group.display_title }}&#x3C;/span&#x3E;&#x3C;br/&#x3E;
        {% endfor %}
    {% endif %}</code></pre></figure><ol start="16">
  • Click Save.
  • อัปเดตอีเมลตะกร้าสินค้าที่ยังไม่ชำระเงินหรืออีเมลขั้นตอนการชำระเงินที่ยังไม่เสร็จสิ้นโดยการแก้ไขเวิร์กโฟลว์

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

    ขั้นตอน

    เดสก์ท็อป
    1. ในส่วนผู้ดูแล Shopify ให้ไปที่แอป > Messaging

    2. คลิกระบบอัตโนมัติ

    3. คลิกขั้นตอนการตลาดที่คุณต้องการแก้ไข

    4. คลิก แก้ไข

    5. คลิก ปิดการทำงานอัตโนมัติ

    6. ในกล่องโต้ตอบ ให้คลิก ปิด

    7. คลิก แก้ไข

    8. ในการทำงานอัตโนมัติของขั้นตอน ให้คลิก ส่งอีเมลการตลาด

    9. คลิก แก้ไขอีเมล

    10. ในกล่องโต้ตอบ การแก้ไขอีเมลนี้จะเปลี่ยนกลับไปเป็นแบบร่าง ให้คลิก ดำเนินการต่อ

    11. แก้ไขเทมเพลตอีเมลของคุณตามรายการต่อไปนี้

    • เพิ่มหัวข้อในบรรทัดหัวข้อ
    • เพิ่มข้อความหรือส่วนเพิ่มเติมใดๆ ลงในเทมเพลตของคุณ
    1. ตัวเลือกเสริม: หากต้องการตรวจสอบอีเมลของคุณ ให้คลิก ส่งฉบับทดสอบ แล้วป้อนที่อยู่อีเมลที่คุณต้องการรับอีเมล จากนั้นให้เปิดอีเมลในกล่องจดหมายเข้าของคุณแล้วตรวจสอบ
    2. คลิก ตั้งค่าเป็นใช้งานอยู่
    3. คลิก เปิดการทำงานอัตโนมัติ
    มือถือ
    1. จากแอป Shopify ให้แตะไอคอนเมนู

    2. ในส่วนแอป ให้แตะ Messaging

    3. แตะ Messaging > การทำงานอัตโนมัติ

    4. สำหรับขั้นตอนการตลาดที่คุณต้องการแก้ไข ให้แตะ เมนูแนวนอน > ปิด

    5. ในกล่องโต้ตอบ ให้แตะปิด

    6. แตะขั้นตอนการตลาด

    7. ถัดจากอีเมลการตลาด ให้แตะ เมนูแนวนอน > แก้ไข

    8. ในกล่องโต้ตอบการแก้ไขอีเมลนี้จะเปลี่ยนกลับเป็นฉบับร่าง ให้แตะดำเนินการต่อ

    9. เพิ่มหัวเรื่องในบรรทัดหัวเรื่อง จากนั้นเพิ่มข้อความหรือส่วนอื่นๆ ในเทมเพลตของคุณ

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

    11. แตะตั้งค่าเป็นใช้งานอยู่

    12. แตะ เมนูแนวนอน หรือ เมนูแนวตั้ง > เปิดระบบอัตโนมัติ

    อัปเดตอีเมลแจ้งตะกร้าสินค้าที่ยังไม่ชำระเงินหรือขั้นตอนการชำระเงินที่ยังไม่เสร็จสิ้นจากหน้าสรุปการตลาดอัตโนมัติ

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

    ขั้นตอน

    เดสก์ท็อป
    1. ในส่วนผู้ดูแล Shopify ให้ไปที่แอป > Messaging

    2. คลิกระบบอัตโนมัติ

    3. คลิกขั้นตอนการตลาดที่คุณต้องการแก้ไข

    4. ในส่วนชื่อกิจกรรม ให้คลิกที่รูปย่อของเทมเพลตที่คุณต้องการจะแก้ไข

    5. คลิก แก้ไข

    6. ในกล่องโต้ตอบ การแก้ไขอีเมลนี้จะเปลี่ยนกลับไปเป็นแบบร่าง ให้คลิก ดำเนินการต่อ

    7. คลิกไอคอนถังขยะที่อยู่ถัดจากส่วนขั้นตอนการชำระเงินที่ยังไม่เสร็จสิ้นหรือตะกร้าสินค้าที่ยังไม่ชำระเงินของเทมเพลต

    8. คลิก + เพิ่มส่วน

    9. คลิกที่ส่วนตะกร้าสินค้าที่ยังไม่ชำระเงินหรือขั้นตอนการชำระเงินที่ยังไม่เสร็จสิ้น

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

    11. คลิก ตั้งค่าเป็นใช้งานอยู่

    มือถือ
    1. จากแอป Shopify ให้แตะไอคอนเมนู

    2. ในส่วนแอป ให้แตะ Messaging

    3. แตะ Messaging > การทำงานอัตโนมัติ

    4. สำหรับขั้นตอนการตลาดที่คุณต้องการแก้ไข ให้แตะ เมนูแนวนอน > ปิด

    5. แตะขั้นตอนการตลาด

    6. แตะที่รูปย่อของเทมเพลตที่คุณต้องการจะแก้ไข

    7. แตะแก้ไข

    8. ในกล่องโต้ตอบการแก้ไขอีเมลนี้จะเปลี่ยนกลับเป็นฉบับร่าง ให้แตะดำเนินการต่อ

    9. ปัดขึ้นเพื่อแก้ไขเทมเพลต

    10. แตะค้างไว้ที่ส่วนขั้นตอนการชำระเงินที่ยังไม่เสร็จสิ้นหรือตะกร้าสินค้าที่ยังไม่ชำระเงิน จากนั้นแตะที่ไอคอนถังขยะ

    11. แตะปุ่ม + จากนั้นแตะที่ส่วนตะกร้าสินค้าที่ยังไม่ชำระเงินหรือขั้นตอนการชำระเงินที่ยังไม่เสร็จสิ้น

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

    13. แตะตั้งค่าเป็นใช้งานอยู่