Ajutor
Conectați-vă

Crearea și editarea șabloanelor cu Shopify Order Printer

Puteți crea și edita șabloane folosind aplicația Shopify Order Printer în panoul de administrare Shopify. În mod implicit, aplicația Shopify Order Printer include următoarele șabloane:

  • Factură: o factură pe care o puteți trimite unui client
  • Listă de colisaj: un document imprimat cu adresa magazinului dumneavoastră și adresa de livrare a clientului.
  • Listă de selecție: un document care include o listă de articole ce trebuie selectate pentru a onora comanda clientului.

Puteți utiliza Liquid pentru a vă crea propriile șabloane personalizate pentru alte materiale inserate în ambalaj, precum cupoane, etichete sau dovezi de plată. Aplicația Shopify Order Printer acceptă șabloane create cu HTML, CSS și variabile Liquid.

Pe această pagină

Considerente privind crearea șabloanelor în aplicația Shopify Order Printer

Analizați următoarele considerente înainte de a crea șabloane în aplicația Shopify Order Printer:

  • Pentru a crea sau a edita șabloane în app-ul Shopify Order Printer, aveți nevoie de cunoștințe de HTML, CSS și Liquid. Asistența pentru teme Shopify v-ar putea ajuta cu ajustări minore ale temelor Shopify gratuite, în conformitate cu Politica de design Shopify. Dacă aveți nevoie de modificări mai complexe sau dacă utilizați o temă care nu a fost creată de Shopify, luați în considerare angajarea unui partener Shopify.
  • Puteți crea până la 15 șabloane diferite.
  • Consultați referințele privind variabilele și filtrele Liquid pentru Shopify Order Printer pentru toate personalizările de șabloane acceptate.

Crearea unui șablon

Puteți crea un șablon nou pentru documentul comenzii.

Pentru a configura un șablon de listă de selecție, consultați Configurarea și imprimarea listelor de selecție cu aplicația Shopify Order Printer.

Pași:

  1. Din panoul de administrare Shopify, accesați Aplicații > Order Printer.

  2. Dați clic pe Șabloane.

  3. Dați clic pe Creare șablon.

  4. În câmpul Nume, introduceți un nume pentru șablon, cum ar fi etichetă sau cupon.

  5. În secțiunea Editare cod, adăugați cod HTML, CSS sau Liquid pentru a vă crea șablonul.

  6. Opțional: pentru a previzualiza șablonul, dați clic pe Previzualizare.

  7. Dați clic pe Salvare.

Editarea unui șablon

Puteți edita un șablon existent. Aflați mai multe despre personalizarea șabloanelor Order Printer.

Pași:

  1. Din panoul de administrare Shopify, accesați Aplicații > Order Printer.

  2. Dați clic pe Șabloane.

  3. Dați clic pe șablonul pe care doriți să îl editați.

  4. În secțiunea Editare cod, adăugați sau editați cod HTML, CSS sau Liquid.

  5. Opțional: pentru a previzualiza șablonul, dați clic pe Previzualizare.

  6. Dați clic pe Salvare.

Restabilirea șablonului implicit

Puteți restabili șabloanele încorporate pentru lista de colisaj și factură la valorile lor implicite. Utilizați următoarele blocuri de cod pentru a restabili șabloanele la valorile implicite.

Șablon implicit de factură

Versiunea din 6 iunie 2024.

<div>
  <div class="columns">
    <h1>Invoice</h1>
    <div>
      <p style="text-align: right; margin: 0;">
      Order {{ order.order_name }}<br />
      {% if order.po_number %}PO # {{ order.po_number }}<br />{% endif %}
      {{ order.created_at | date: "%B %e, %Y" }}
    </p>
  </div>
</div>
<div class="columns" style="margin-top: 1.5em;">
  <div class="address">
    <strong>From</strong><br/>
    {{ shop.name }}<br/>
    {{ shop.address | format_address }}
    {% if shop.phone %}{{ shop.phone }}{% endif %}
  </div>
  {% if order.billing_address %}
  <div class="address">
    <strong>Bill to</strong>
    {{ order.billing_address | format_address  }}
  </div>
  {% endif %}
  {% if order.shipping_address %}
  <div class="address">
    <strong>Ship to</strong>
    {{ order.shipping_address | format_address  }}
    {% if order.shipping_address.phone %}{{ order.shipping_address.phone }}{% endif %}
  </div>
  {% endif %}
</div>
<hr />
<h2>Order Details</h2>
<table class="table-tabular" style="margin: 1em 0 0 0;">
  <thead>
    <tr>
      <th scope="col">Qty</th>
      <th scope="col">Item</th>
      <th scope="col" style="text-align: right;">Price</th>
    </tr>
  </thead>
  <tbody>
    {% for line_item in order.line_items %}
      <tr>
        <td scope="row">{{ line_item.quantity }}</td>
        <td>{{ line_item.title }}
        {% if line_item.line_level_discount_allocations.size > 0 %}
          <span class="subduedText">
            {% for discount_allocation in line_item.line_level_discount_allocations %}
            <br>{{ discount_allocation.discount_application.title }} (-{{ discount_allocation.amount | money }})
            {% endfor %}
          </span>
        {% endif %}
        </td>
        <td style="text-align: right;">
          {% if line_item.original_price != line_item.final_price %}
            <span class="subduedText"><s>{{ line_item.original_price | money }}</s></span>
          {% endif %}
          {{ line_item.final_price | money }}
        </td>
      </tr>
    {% endfor %}
    <tr>
      <td scope="row" colspan="2" style="text-align: right;">Subtotal</td>
      <td style="text-align: right;">{{ order.line_items_subtotal_price | money }}</td>
    </tr>
    {% for discount_application in order.cart_level_discount_applications %}
    <tr>
      <td scope="row" colspan="2" style="text-align: right;">{% if discount_application.title %}<span class="subduedText">{{ discount_application.title }}</span>{% endif %}</td>
      <td style="text-align: right;">-{{ discount_application.total_allocated_amount | money }}</td>
    </tr>
    {% endfor %}
    <tr>
      <td scope="row" colspan="2" style="text-align: right;">Tax</td>
      <td style="text-align: right;">{{ order.tax_price | money }}</td>
    </tr>
    {% if order.shipping_address %}
      <tr>
        <td scope="row" colspan="2" style="text-align: right;">Shipping</td>
        <td style="text-align: right;">{{ order.shipping_price | money }}</td>
      </tr>
    {% endif %}
    <tr>
      <td scope="row" colspan="2" style="text-align: right;"><strong>Total</strong></td>
      <td style="text-align: right;"><strong>{{ order.total_price | money }}</strong></td>
    </tr>
    {% if order.net_payment != order.total_net_amount %}
      <tr>
        <td scope="row" colspan="2" style="text-align: right;">Total Paid</td>
        <td style="text-align: right;">{{ order.net_payment | money }}</td>
      </tr>
    {% endif %}
    {% if order.total_refunded_amount > 0 %}
      <tr>
        <td scope="row" colspan="2" style="text-align: right;">Total Refunded</td>
        <td style="text-align: right;">-{{ order.total_refunded_amount | money }}</td>
      </tr>
    {% endif %}
    {% if order.net_payment != order.total_net_amount %}
      <tr>
        <td scope="row" colspan="2" style="text-align: right;"><strong>Outstanding Amount</strong></td>
        <td style="text-align: right;"><strong>{{ order.total_price | minus: order.net_payment | money }}</strong></td>
      </tr>
    {% endif %}
  </tbody>
</table>
{% if transactions.size > 1 %}
  <h2>Transaction Details</h2>
  <table class="table-tabular" style="margin: 0 0 1.5em 0;">
    <thead>
      <tr>
        <th scope="col">Type</th>
        <th scope="col">Amount</th>
        <th scope="col">Kind</th>
        <th scope="col">Status</th>
      </tr>
    </thead>
    <tbody>
      {% for transaction in transactions %}
        <tr>
          <td scope="row">{{ transaction.gateway | payment_method }}</td>
          <td>{{ transaction.amount | money }}</td>
          <td>{{ transaction.kind }}</td>
          <td>{{ transaction.status }}</td>
        </tr>
      {% endfor %}
    </tbody>
  </table>
{% endif %}
{% if order.note %}
<h2>Note</h2>
<p>{{ order.note }}</p>
{% endif %}
<p style="margin-bottom: 0;">If you have any questions, please send an email to <u>{{ shop.email }}</u></p>
</div>

Șablon implicit de listă de colisaj

Versiunea din 6 iunie 2024.

<div>
<div class="columns">
  <h1>Packing Slip</h1>
  <div class="address">
    <p style="text-align: right; margin: 0;">
    Order {{ order.order_name }}<br />
    {% if order.po_number %}PO # {{ order.po_number }}<br />{% endif %}
    {{ order.created_at | date: "%B %e, %Y" }}
    </p>
  </div>
</div>
<div class="columns" style="margin-top: 1.5em;">
  <div class="address">
    <strong>From</strong><br/>
    {{ shop.name }}<br/>
    {{ shop.address | format_address }}
  </div>
  {% if order.shipping_address %}
  <div class="address">
    <strong>Ship to</strong>
    {{ order.shipping_address | format_address  }}
   </div>
  {% endif %}
</div>
<hr />
<h2>Order Details</h2>
<table class="table-tabular" style="margin: 1em 0 0 0;">
  <thead>
    <tr>
      <th scope="col" style="width: 15%; text-align: left;">Qty</th>
      <th scope="col" style="width: 85%; text-align: left;">Item</th>
    </tr>
  </thead>
  <tbody>
    {% for line_item in order.line_items %}
    <tr>
      <td scope="row" style="text-align: left;">{{ line_item.quantity }}</td>
      <td style="text-align: left;">{{ line_item.title }}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>
</div>