Šablonų kūrimas ir redagavimas naudojant „Shopify Order Printer“

„Shopify“ administratoriaus skydelyje galite kurti ir redaguoti šablonus naudodami „Shopify Order Printer“ programėlę. Pagal numatytuosius nustatymus „Shopify Order Printer“ programėlėje yra šie šablonai:

Sąskaita faktūra: sąskaita faktūra, kurią galite išsiųsti klientui
Pakuotės lapelis: spaudinys, kuriame nurodytas Jūsų parduotuvės adresas ir kliento pristatymo adresas.
Numeruotas sąrašas: dokumentas, kuriame pateikiamas daiktų sąrašas, kuriuos reikia surinkti norint įvykdyti kliento užsakymą.

Galite naudoti „Liquid“ ir kurti savo tinkintus šablonus kitiems pakuotės priedams, pavyzdžiui, kuponams, etiketėms ar kvitams. „Shopify Order Printer“ programėlė palaiko šablonus, sukurtus naudojant HTML, CSS ir „Liquid“ kintamuosius.

Šiame puslapyje

Svarbūs aspektai kuriant šablonus „Shopify Order Printer“ programėlėje

Prieš kurdami šablonus „Shopify Order Printer“ programėlėje, peržiūrėkite toliau nurodytus svarbius aspektus:

Norint sukurti arba redaguoti šablonus „Shopify Order Printer“ programėlėje, reikia išmanyti HTML, CSS ir „Liquid“. „Shopify“ temų pagalbos tarnyba gali padėti atlikti nedidelius nemokamų „Shopify“ temų pakeitimus, neperžengiant „Shopify“ dizaino politikos ribų. Jei reikia sudėtingesnių pakeitimų arba naudojate ne „Shopify“ sukurtą temą, apsvarstykite galimybę įdarbinti „Shopify“ partnerį.
Galite sukurti iki 15 skirtingų šablonų.
Visus palaikomus šablonų tinkinimus rasite „Shopify Order Printer“ skirtų „Liquid“ kintamųjų ir filtrų žinyne.

Šablono kūrimas

Galite sukurti naują užsakymo dokumento šabloną.

Jei norite nustatyti numeruoto sąrašo šabloną, žr. Numeruotų sąrašų nustatymas ir spausdinimas naudojant „Shopify Order Printer“ programėlę.

Veiksmai:

„Shopify“ administratoriaus skydelyje eikite į Programėlės > Order Printer.
Spustelėkite Šablonai.
Spustelėkite Sukurti šabloną.
Lauke Pavadinimas įveskite šablono pavadinimą, pavyzdžiui, „etiketė“ arba „kuponas“.
Skyriuje Redaguoti kodą pridėkite HTML, CSS arba „Liquid“ kodą, kad sukurtumėte šabloną.
Nebūtina: jei norite peržiūrėti šabloną, spustelėkite Peržiūra.
Spustelėkite Išsaugoti.

Šablono redagavimas

Galite redaguoti esamą šabloną. Sužinokite daugiau apie „Order Printer“ šablonų tinkinimą.

Veiksmai:

„Shopify“ administratoriaus skydelyje eikite į Programėlės > Order Printer.
Spustelėkite Šablonai.
Spustelėkite šabloną, kurį norite redaguoti.
Skyriuje Redaguoti kodą pridėkite arba redaguokite HTML, CSS arba „Liquid“ kodą.
Nebūtina: jei norite peržiūrėti šabloną, spustelėkite Peržiūra.
Spustelėkite Išsaugoti.

Numatytojo šablono atkūrimas

Galite atkurti integruotų pakuotės lapelių ir sąskaitų faktūrų šablonų numatytąsias vertes. Norėdami atkurti numatytuosius šablonus, naudokite šiuos kodo blokus.

Numatytasis sąskaitos faktūros šablonas

Versija nuo 2024 m. birželio 6 d.

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

Numatytasis pakuotės lapelio šablonas

Versija nuo 2024 m. birželio 6 d.

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