Актуализации на шаблони за имейл известия с групиран изглед за пакети

От 6 декември 2024 г. поръчките, които съдържат пакети, вече се показват като вложена група от редови артикули в много от Вашите имейл шаблони.

Всички шаблони за известия, които използват шаблона по подразбиране, са актуализирани автоматично, за да показват групирания изглед за продуктови пакети. Ако сте персонализирали някой от Вашите шаблони за имейл известия преди 6 декември 2024 г., тогава Вашите шаблони за известия не са актуализирани. За да актуализирате своите шаблони за известия към изгледа за пакети, можете да използвате следните методи:

За всички известия в Настройки > Известия раздел, можете да използвате някой от следните методи:
- Архивирайте персонализациите си, върнете шаблоните към първоначалното им състояние и след това приложете отново персонализациите си.
- Актуализирайте текущите си персонализации, като редактирате кода, за да добавите обекта на Liquid компонент за пакети към своите шаблони.
За автоматизации за незавършен процес на поръчка с Shopify Messaging можете да редактирате съществуващите шаблони във Вашите автоматизации, за да ги върнете към първоначалното им състояние.

На тази страница

Съображения при актуализиране на персонализирани имейл шаблони

Прегледайте следните съображения, преди да правите каквито и да било промени по своите шаблони за имейл известия:

Шаблоните за известия в раздел Настройки > Известия на Вашия администраторски панел на Shopify съдържат Liquid – езика за шаблони на Shopify, HTML и CSS. Редактирайте кода за шаблон за известие само ако познавате HTML и CSS и имате основни познания по Liquid.
Запазването на промените във Вашите шаблони за известия замества предишния код на шаблона. Можете да върнете шаблона към стандартния му вид, но ако го направите, тогава предишните Ви персонализации на кода на шаблона се губят и не могат да бъдат възстановени.
Ако искате да актуализирате своите шаблони, но нямате опит с редактирането на кода на шаблона за известия, тогава може да получите съдействие:
- Екипът на Shopify за поддръжка не може да прави обстойни редакции на шаблони за известия вместо Вас, но може да помогне с малки корекции на безплатни теми на Shopify в рамките на Политиката за дизайн на Shopify.
- За по-сложни промени наемете Партньор на Shopify.

Преди и след промените в групирания изглед

Преди да актуализирате своите имейл шаблони за известия, продуктовите пакети се показват като отделни редови артикули:

След като актуализирате своите имейл шаблони за известия, продуктовите пакети се показват във вложена група от редови артикули:

Списък с актуализирани имейл известия за продуктови пакети

Следните шаблони за известия показват или групиран изглед, или плосък изглед за продуктови пакети.

Известия за клиенти

Описание на актуализирани имейл известия за групиран изглед на продуктови пакети
Шаблон за известие	Местоположение в администраторския панел	Тип на показване
Потвърждение на поръчка	Обработка на поръчка	Пакетите се показват като вложена група.
Фактура за поръчка	Изключения при поръчка	Пакетите се показват като вложена група.
Грешка при предстоящо плащане	Плащания	Пакетите се показват като вложена група.
Успешно предстоящо плащане	Плащания	Пакетите се показват като вложена група.
POS имейл до клиент	Точка на продажба	Пакетите се показват като вложена група.
POS и мобилна разписка	Точка на продажба	Пакетите се показват като вложена група.
Създадено връщане	Връщания	Всеки продукт в пакет се показва като отделен артикул.
Получена заявка за връщане	Връщания	Всеки продукт в пакет се показва като отделен артикул.
Одобрена заявка за връщане	Връщания	Всеки продукт в пакет се показва като отделен артикул.
Отхвърлена заявка за връщане	Връщания	Всеки продукт в пакет се показва като отделен артикул.

Известия за персонала

Описание на актуализирани имейл известия за групиран изглед на продуктови пакети
Шаблон за известие	Тип на показване
Нова поръчка	Пакетите се показват като вложена група.
Нова заявка за връщане	Всеки продукт в пакет се показва като отделен артикул.
Редактирано приписване на продажби	Всеки продукт в пакет се показва като отделен артикул.
Нова чернова на поръчка	Пакетите се показват като вложена група.
Незавършен процес на поръчка (в Shopify Messaging)	Пакетите се показват като вложена група.

Връщане на персонализирани шаблони за известия към стандартните

За да актуализирате персонализираните шаблони за известия в раздел Настройки > Известия на Вашия администраторски панел на Shopify, можете ръчно да архивирате всички персонализации на имейл шаблона, да върнете шаблона към стандартния му вид и след това да приложите отново своите персонализации.

Стъпки:

Настолен компютър

От Вашия администраторски панел на Shopify отидете на Настройки > Известия.
Кликнете върху Известия за клиенти или Известия за персонала.
Кликнете върху известието, което искате да актуализирате.
Кликнете върху Редактиране на код.
Архивирайте съществуващите си персонализации, като маркирате персонализациите в шаблона, които искате да запазите, копирате кода и го запазите на сигурно място, като например в текстов файл.
Натиснете „Връщане към стандартните“. След като се върнете към стандартните, персонализациите Ви не могат да бъдат възстановени, така че се уверете, че сте архивирали промените си на сигурно място.
В диалоговия прозорец натиснете „Отмяна на промените“, за да потвърдите.
Приложете отново персонализациите си към актуализирания шаблон.
Натиснете „Запази“.

Мобилно устройство

От приложението Shopify докоснете , след което докоснете Настройки.
В секцията Настройки на магазина докоснете Известия.
Докоснете „Известия за клиенти“ или „Известия за персонала“.
Докоснете известието, което искате да актуализирате.
Докоснете бутона , за да редактирате кода на шаблона.
Архивирайте съществуващите си персонализации, като маркирате персонализациите в шаблона, които искате да запазите, копирате кода и го запазите на сигурно място, като например в текстов файл.
Докоснете „Връщане към стандартните“. След като се върнете към стандартните, персонализациите Ви не могат да бъдат възстановени, така че се уверете, че сте архивирали промените си на сигурно място.
В диалоговия прозорец докоснете „Отмяна на промените“, за да потвърдите.
Приложете отново персонализациите си към актуализирания шаблон.
Докоснете „Запази“ или ✓.

Редактиране на кода за Вашите персонализирани имейл шаблони

Ако сте персонализирали кода за Вашите имейл шаблони, тогава можете ръчно да го актуализирате, за да поддържа групирания изглед за продуктови пакети. Стандартният код на шаблона се различава при различните шаблони. За да актуализирате персонализираните шаблони за известия в секцията „Настройки“ > Известия на Вашия администраторски панел на Shopify, можете да следвате инструкциите за всеки шаблон, който трябва да редактирате.

Актуализиране на имейл известията за поръчки

Следвайте тези стъпки, за да актуализирате персонализираните си шаблони за следните имейл известия за поръчки:

Потвърждение на поръчка
Имейл за нова поръчка
Фактура за поръчка
Успешно предстоящо плащане
Грешка при предстоящо плащане
POS и мобилна разписка

Стъпки:

От Вашия администраторски панел на Shopify отидете на Настройки > Известия.
Кликнете върху Известия за клиенти или Известия за персонала.
Кликнете върху известието, което искате да актуализирате.
Кликнете върху Редактиране на код.
Архивирайте съществуващите си персонализации, като маркирате персонализациите в шаблона, които искате да запазите, копирате кода и го запазите на сигурно място, като например в текстов файл. Можете също така да маркирате целия шаблон, да го копирате и да го запазите на сигурно място.
Намерете цикъла за редовете с артикули в шаблона, като потърсите subtotal_line_items. Ще се покаже нещо подобно на това:

{% for line in subtotal_line_items %}

Обгърнете целия код в цикъла subtotal_line_items с условие if, като добавите {% if line.groups.size == 0 %} точно под отварящия цикъл subtotal_line_items, и след това затворете условието if, като добавите {% endif %} точно над затварящия цикъл {% endfor %}.

{% if line.groups.size == 0 %}
        <Your old code>
    {% endif %}

Вашият код трябва да изглежда по следния начин:

{% for line in subtotal_line_items %}
        {% if line.groups.size == 0 %}
            <Your old code>
        {% endif %}
    {% endfor %}

Поставете следния код след затварящия таг {% 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>

Натиснете „Запази“.

Актуализиране на имейл известията за чернови на поръчки и незавършени процеси на поръчки

Следвайте тези стъпки, за да актуализирате персонализираните си шаблони за следните имейл известия:

Нова чернова на поръчка
Изоставена количка
Фактура за чернова на поръчка
POS имейл до клиент

Стъпки:

Настолен компютър

От Вашия администраторски панел на Shopify отидете на Настройки > Известия.
Кликнете върху Известия за клиенти или Известия за персонала.
Кликнете върху известието, което искате да актуализирате.
Кликнете върху Редактиране на код.
Архивирайте съществуващите си персонализации, като маркирате персонализациите в шаблона, които искате да запазите, копирате кода и го запазите на сигурно място, като например в текстов файл.
Намерете цикъла за редовете с артикули в шаблона, като потърсите subtotal_line_items. Ще се покаже нещо подобно на това:

{% for line in subtotal_line_items %}

Поставете следния код веднага след отварящия цикъл {% for line in subtotal_line_items %}:

{% assign expand_bundles = true %}

Намерете блока, който изобразява изображението на продукта. Той трябва да изглежда по следния начин:

<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>

Променете класа order-list__image-cell, като го обгърнете в условие if {% if expand_bundles and line.bundle_parent? %} и добавите алтернативен клас. Това променя шаблона на изображението, така че ако променливата {% assign expand_bundles = true %} е 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>

Намерете кода, който изобразява алтернативното заглавие. Той трябва да изглежда по следния начин:

{% if line.variant.title != 'Default Title' %}
        <span class="order-list__item-variant">{{ line.variant.title }}</span><br/>
    {% endif %}

За да скриете алтернативното заглавие за продуктовия пакет, добавете 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 %}

По избор: Намерете кода, който изобразява цената. Той трябва да има клас order-list__price-cell. Имейл известието „Изоставена количка“ не го съдържа, но шаблоните за известия за чернови на поръчки го имат. Той трябва да изглежда по следния начин:

<td class="order-list__price-cell">

Добавете if инструкция и допълнителен клас за цената, за да актуализирате цената за основния пакет. Трябва да изглежда по следния начин:

<td
    {% if expand_bundles and line.bundle_parent? %}
        class="order-list__parent-price-cell"
    {% else %}
        class="order-list__price-cell"
    {% endif %}
    >

Потърсете код 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 %}

Заменете целия цикъл {% 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.

Актуализиране на имейлите за изоставена количка или незавършен процес на поръчка чрез редактиране на работния процес

Ако сте настроили автоматизации за незавършени процеси на поръчки, тогава можете да актуализирате имейла си за незавършен процес на поръчка, за да показва групирани изгледи на продуктови пакети, като редактирате съществуващия си имейл шаблон „Възстановяване на незавършен процес на поръчка“.

Стъпки:

Настолен компютър

От Вашия администраторски панел на Shopify отидете на Приложения > Messaging.
Кликнете върху Автоматизации.
Натиснете маркетинговия поток, който искате да редактирате.
Натиснете „Редактиране“.
Натиснете „Изключване на автоматизацията“.
В диалоговия прозорец натиснете „Изключване“.
Натиснете „Редактиране“.
В автоматизацията на потока натиснете „Изпращане на маркетингов имейл“.
Натиснете „Редактиране на имейла“.
В диалоговия прозорец „Редактирането на този имейл ще го върне в състояние на чернова“ натиснете „Продължаване“.
Направете някоя от следните редакции в имейл шаблона си:

Добавете тема в полето „Тема“
Добавете допълнителен текст или секции към Вашия шаблон

По избор: За да прегледате имейла си, натиснете „Изпращане на тест“ и въведете имейл адреса, на който искате да го получите. Във входящата си поща отворете имейла и го прегледайте.
Натиснете „Задаване като активен“.
Натиснете „Включване на автоматизацията“.

Мобилно устройство

От приложението Shopify докоснете иконата .
В секцията Приложения докоснете Messaging.
Докоснете Messaging > Автоматизации.
За маркетинговия поток, който искате да редактирате, докоснете > Изключване.
В диалоговия прозорец докоснете Изключване.
Докоснете маркетинговия поток.
До маркетинговия имейл докоснете > Редактиране.
В диалоговия прозорец „Редактирането на този имейл ще го върне в чернова“ докоснете Продължете.
Добавете тема в полето Тема и след това добавете допълнителен текст или секции към своя шаблон.
По избор: За да прегледате имейла си, докоснете Изпращане на тест и въведете имейл адреса, на който искате да го получите. Във входящата си поща отворете имейла и го прегледайте.
Докоснете Задаване като активно.
Докоснете или > Включване на автоматизацията.

Актуализиране на имейли за изоставена количка или незавършен процес на поръчка от страницата с резюме на автоматизацията на маркетинга

Ако сте настроили автоматизации за незавършен процес на поръчка, тогава можете да актуализирате своя имейл за изоставено плащане, за да показва групирани изгледи на продуктови пакети, като редактирате секцията Изоставена количка или Незавършен процес на поръчка.

Стъпки:

Настолен компютър

От Вашия администраторски панел на Shopify отидете на Приложения > Messaging.
Кликнете върху Автоматизации.
Натиснете маркетинговия поток, който искате да редактирате.
В секцията Име на дейността кликнете върху миниатюрата на шаблона, който искате да редактирате.
Натиснете „Редактиране“.
В диалоговия прозорец „Редактирането на този имейл ще го върне в състояние на чернова“ натиснете „Продължаване“.
Кликнете върху иконата за кошче до секцията Незавършен процес на поръчка или Изоставена количка на шаблона.
Кликнете върху + Добавяне на секция.
Кликнете върху секцията Изоставена количка или Незавършен процес на поръчка.
По избор: За да прегледате имейла си, докоснете Изпращане на тест и въведете имейл адреса, на който искате да го получите. Във входящата си поща отворете имейла и го прегледайте.
Натиснете „Задаване като активен“.

Мобилно устройство

От приложението Shopify докоснете иконата .
В секцията Приложения докоснете Messaging.
Докоснете Messaging > Автоматизации.
За маркетинговия поток, който искате да редактирате, докоснете > Изключване.
Докоснете маркетинговия поток.
Докоснете миниатюрата на шаблона, който искате да редактирате.
Докоснете Редактиране.
В диалоговия прозорец „Редактирането на този имейл ще го върне в чернова“ докоснете Продължете.
Плъзнете нагоре, за да редактирате шаблона.
Натиснете и задръжте върху секцията Незавършен процес на поръчка или Изоставена количка и след това докоснете иконата на кошчето.
Докоснете бутона + и след това докоснете секцията Изоставена количка или Незавършен процес на поръчка.
По избор: За да прегледате имейла си, докоснете Изпращане на тест и въведете имейл адреса, на който искате да го получите. Във входящата си поща отворете имейла и го прегледайте.
Докоснете Задаване като активно.