Персонализиране на шаблони за Order Printer

Можете да създавате и персонализирате до 15 шаблона за приложението Order Printer във Вашия администраторски панел на Shopify. По подразбиране приложението Order Printer включва два шаблона:

• Фактура – основна фактура, която можете да изпратите на клиент
• Опаковъчен списък – разпечатка с адреса на Вашия магазин и адреса за доставка на клиента

Създаване на нов шаблон за Order Printer

За създаването на нов шаблон в Order Printer са необходими познания по HTML, CSS и Liquid. Екипът на Shopify за поддръжка на теми може да помогне с малки корекции на безплатни теми на Shopify в рамките на Политиката за дизайн на Shopify. Ако имате нужда от по-сложни промени или използвате тема, която не е създадена от Shopify, обмислете възможността да наемете Партньор на Shopify.

Стъпки:

1. От Вашия администраторски панел на Shopify отидете на Приложения > Order Printer (legacy).

2. Натиснете Управление на шаблони.

3. Натиснете Добавяне на шаблон.

4. Въведете име за новия си шаблон в полето Име.

5. Добавете HTML, CSS или Liquid код в полето Код, за да създадете своя шаблон.

6. Когато сте готови, натиснете Запазване.

Редактиране на шаблон за Order Printer

За редактиране на шаблоните Ви в Order Printer са необходими познания по HTML, CSS и Liquid. Екипът на Shopify за поддръжка на теми не може да прави обстойни редакции на шаблони вместо Вас, но може да помогне с малки корекции на безплатни теми на Shopify в рамките на Политиката за дизайн на Shopify. За по-сложни промени обмислете възможността да наемете Партньор на Shopify.

Стъпки:

1. От Вашия администраторски панел на Shopify отидете на Приложения > Order Printer (legacy).

2. Натиснете Управление на шаблони.

3. Натиснете името на шаблона, който искате да редактирате.

4. Направете промени в шаблона, като добавите или редактирате HTML, CSS или Liquid код в полето Код. За да прегледате примери за персонализиране на шаблони, вижте Примери за персонализиране на шаблони.

5. Когато сте готови, натиснете Запазване.

Примери за персонализиране на шаблони

Следващите примери обясняват някои често срещани начини за персонализиране на шаблони за Order Printer:

• Добавяне на Вашето лого към шаблони за Order Printer
• Задаване на ширината на таблиците на 100%
• Показване на миниизображения на продукти
• Добавяне на подробности за поръчката

Пример: Добавяне на Вашето лого към шаблони за Order Printer

В HTML кода трябва да изглежда така:

Пример: Задаване на ширината на таблиците на 100%

За да направите таблиците си с рамки и да се разтягат до 100% ширина, добавете клас table-tabular към Вашата таблица:

<table class="table-tabular">
    ...
</table>

Пример: Показване на миниизображения на продукти

За да включите миниизображения на продукти, въведете този код във Вашия шаблон:

{{ line_item.product.featured_image | product_img_url: 'thumb' | img_tag }}

Добавяне на подробности за поръчката

Можете да добавяте подробности за поръчката към шаблоните си, като например име, количество и цена на закупените артикули. За да добавите подробности за поръчката към Вашия шаблон:

1. От Вашия администраторски панел на Shopify отидете на Приложения > Order Printer (legacy).

2. Натиснете Управление на шаблони.

3. Натиснете името на шаблона, който искате да редактирате.

4. Използвайте променливи на Liquid, за да добавите подробности за поръчката, и HTML, за да добавите форматиране. Например {{ line_item.price | money }} отпечатва цената на артикула.

5. Когато сте готови, натиснете Запазване.

Например Нила иска да редактира своя шаблон за опаковъчен списък, за да включи списък на изпращаните артикули. Тя добавя следния код в долната част на своя шаблон Опаковъчен списък в приложението Order Printer:

<br>
<br>
<table class="table-tabular" style="margin: 0 0 1.5em 0;">
  <thead>
    <tr>
      <th>Quantity</th>
      <th>Item</th>
      {% if tax_lines.size > 0 %}
      <th>Taxes</th>
      {% endif %}
      <th>Price</th>
    </tr>
  </thead>
  <tbody>
    {% for line_item in line_items %}
      <tr>
        <td>{{ line_item.quantity }} x</td>
        <td><b>{{ line_item.title }}</b></td>
        {% if line_item.tax_lines %}
          <td>
            {% for tax_line in line_item.tax_lines %}
              {{ tax_line.price | money }} {{ tax_line.title }}<br/>
            {% endfor %}
          </td>
        {% endif %}
        <td>{{ line_item.price | money }}</td>
      </tr>
    {% endfor %}
  </tbody>
</table>

В резултат на това опаковъчните списъци на Нила вече включват таблица, в която са изброени закупените артикули.