Yardım
Oturum aç

Shopify Order Printer kullanarak şablon oluşturma ve düzenleme

Shopify yöneticinizdeki Shopify Order Printer uygulamasını kullanarak şablonlar oluşturabilir ve bunları düzenleyebilirsiniz. Shopify Order Printer uygulaması varsayılan olarak aşağıdaki şablonları içerir:

  • Fatura: Müşteriye gönderebileceğiniz bir fatura
  • Sevk irsaliyesi: Mağazanızın adresinin ve müşterinizin kargo adresinin çıktısı.
  • Seçim listesi: Müşterinizin siparişini göndermek için seçilmesi gereken ürünlerin listesini içeren bir belge.

Kuponlar, etiketler veya makbuzlar gibi diğer paket ekleri için kendi özel şablonlarınızı oluşturmak üzere Liquid'i kullanabilirsiniz. Shopify Order Printer uygulaması; HTML, CSS ve Liquid değişkenleriyle hazırlanan şablonları destekler.

Bu sayfada

Shopify Order Printer uygulamasında şablon oluşturmayla ilgili önemli hususlar

Shopify Order Printer uygulamasında şablon oluşturmadan önce aşağıdaki önemli hususları gözden geçirin:

  • Shopify Order Printer uygulamasında şablon oluşturmak veya düzenlemek için HTML, CSS ve Liquid dillerine aşina olmanız gerekir. Shopify Tema Destek ekibi, Shopify Tasarım Politikası kapsamında ücretsiz Shopify temalarındaki küçük ayarlamalarda size yardımcı olabilir. Daha karmaşık değişikliklere ihtiyacınız varsa veya Shopify tarafından geliştirilmemiş bir tema kullanıyorsanız bir Shopify İş Ortağı ile çalışmayı düşünün.
  • En fazla 15 farklı şablon oluşturabilirsiniz.
  • Desteklenen tüm şablon özelleştirmeleri için Shopify Order Printer için Liquid değişkenleri ve filtreleri referansını inceleyin.

Şablon oluşturma

Sipariş belgeniz için yeni bir şablon oluşturabilirsiniz.

Shopify Order Printer uygulamasını kullanarak seçim listeleri ayarlama ve yazdırma konusuna bakın.

Adımlar:

  1. Shopify yöneticinizde Uygulamalar > Order Printer bölümüne gidin.

  2. Şablonlar'a tıklayın.

  3. Şablon oluştur'a tıklayın.

  4. Ad alanına şablonunuz için etiket veya kupon gibi bir ad girin.

  5. Kodu düzenle bölümünde, şablonunuzu oluşturmak için HTML, CSS veya Liquid kodu ekleyin.

  6. İsteğe bağlı: Şablonunuzu önizlemek için Önizle'ye tıklayın.

  7. Kaydet'e tıklayın.

Şablonu düzenleme

Mevcut bir şablonu düzenleyebilirsiniz. Order Printer şablonlarını özelleştirme hakkında daha fazla bilgi edinin.

Adımlar:

  1. Shopify yöneticinizde Uygulamalar > Order Printer bölümüne gidin.

  2. Şablonlar'a tıklayın.

  3. Düzenlemek istediğiniz şablona tıklayın.

  4. Kodu düzenle bölümünde HTML, CSS veya Liquid kodu ekleyin ya da düzenleyin.

  5. İsteğe bağlı: Şablonunuzu önizlemek için Önizle'ye tıklayın.

  6. Kaydet'e tıklayın.

Varsayılan şablonu geri yükleme

Yerleşik sevk irsaliyesi ve fatura şablonlarını varsayılan değerlerine geri yükleyebilirsiniz. Şablonlarınızı varsayılana geri yüklemek için aşağıdaki kod bloklarını kullanın.

Varsayılan fatura şablonu

6 Haziran 2024 sürümü.

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

Varsayılan sevk irsaliyesi şablonu

6 Haziran 2024 sürümü.

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