Yardım
Oturum aç

Order Printer şablonlarını özelleştirme

Shopify yöneticinizde, Order Printer uygulaması için en fazla 15 şablon oluşturabilir ve özelleştirebilirsiniz. Varsayılan olarak Order Printer uygulaması iki şablon içerir:

  • Fatura: Müşteriye gönderebileceğiniz temel bir fatura
  • Sevk irsaliyesi: Mağaza adresinizin ve müşterinizin kargo adresinin bir çıktısı

Bu sayfada

Yeni bir Order Printer şablonu oluşturma

Yeni bir Order Printer şablonu oluşturmak 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.

Adımlar:

  1. Shopify yöneticinizden Uygulamalar > Order Printer (eski) bölümüne gidin.

  2. Şablonları yönet'e tıklayın.

  3. Şablon ekle'ye tıklayın.

  4. Ad alanına yeni şablonunuz için bir ad girin.

  5. Şablonunuzu oluşturmak için Kod alanına HTML, CSS veya Liquid kodu ekleyin.

  6. İşiniz bittiğinde Kaydet'e tıklayın.

Bir Order Printer şablonunu düzenleme

Order Printer şablonlarınızı düzenlemek için HTML, CSS ve Liquid dillerine aşina olmanız gerekir. Shopify Tema Destek ekibi şablonlarda sizin için kapsamlı düzenlemeler yapamaz ancak Shopify Tasarım Politikası kapsamında ücretsiz Shopify temalarındaki küçük ayarlamalarda size yardımcı olabilir. Daha karmaşık değişiklikler için bir Shopify İş Ortağı ile çalışmayı düşünün.

Adımlar:

  1. Shopify yöneticinizden Uygulamalar > Order Printer (eski) bölümüne gidin.

  2. Şablonları yönet'e tıklayın.

  3. Düzenlemek istediğiniz şablonun adına tıklayın.

  4. Kod alanına HTML, CSS veya Liquid kodu ekleyerek ya da mevcut kodu düzenleyerek şablonda değişikliklerinizi yapın. Şablon özelleştirme örneklerini önizlemek için Örnek şablon özelleştirmeleri bölümüne bakın.

  5. İşiniz bittiğinde Kaydet'e tıklayın.

Örnek şablon özelleştirmeleri

Aşağıdaki örnekler, Order Printer şablonlarını özelleştirmenin bazı yaygın yollarını açıklamaktadır:

Masaüstü

  1. Shopify yöneticinizden İçerik > Dosyalar bölümüne gidin.

  2. Dosya yükle'ye tıklayın ve bilgisayarınızdaki görsel dosyasını seçin.

  3. Dosyalar sayfasında, yüklenen dosyayı bulun ve URL'yi kopyala'ya tıklayın.

  4. Shopify yöneticinizden Ayarlar > Uygulamalar'a tıklayın.

  5. Uygulamayı açmak için Order Printer'a tıklayın.

  6. Şablonları yönet'e tıklayın.

  7. Düzenlemek istediğiniz şablonun adına tıklayın.

  8. Aşağıdaki kod parçacığını, şablonunuzda logonuzun görünmesini istediğiniz yere girin: <img src="your-image-URL">.

  9. your-image-URL kodunu, kopyaladığınız görsel URL'si ile değiştirin. Logonuzun nerede görüntülenmesini istediğinize bağlı olarak görselinizden önce veya sonra satır sonu eklemek için bir <br/> etiketi eklemeniz gerekebilir.

Mobil

  1. Shopify app üzerinden Menu simgesine dokunun.

  2. İçerik menüsünde aşağı ok simgesine ve ardından Dosyalar'a dokunun.

  3. Dosya yükle'ye dokunun ve bilgisayarınızdaki görsel dosyasını seçin.

  4. Dosyalar sayfasında, yüklenen dosyayı bulun ve URL'yi kopyala'ya dokunun.

  5. Shopify yöneticinizden Ayarlar > Uygulamalar'a dokunun.

  6. Uygulamayı açmak için Order Printer'a dokunun.

  7. Şablonları yönet'e dokunun.

  8. Düzenlemek istediğiniz şablonun adına dokunun.

  9. Aşağıdaki kod parçacığını, şablonunuzda logonuzun görünmesini istediğiniz yere girin: <img src="your-image-URL">.

  10. your-image-URL kodunu, kopyaladığınız görsel URL'si ile değiştirin. Logonuzun nerede görüntülenmesini istediğinize bağlı olarak görselinizden önce veya sonra satır sonu eklemek için bir <br/> etiketi eklemeniz gerekebilir.

HTML'de şöyle görünmelidir:

Örnek HTML kodu

Örnek: Tablo genişliklerini %100 yapma

Tablolarınızın kenarlıklı olmasını ve %100 genişliğe uzanmasını sağlamak için tablonuza bir table-tabular sınıfı ekleyin:

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

Örnek: Ürün küçük resimlerini görüntüleme

Ürün küçük resimlerini eklemek için bu kodu şablonunuza ekleyin:

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

Sipariş ayrıntılarını ekleme

Şablonlarınıza satın alınan ürünlerin adı, adedi ve maliyeti gibi sipariş ayrıntılarını ekleyebilirsiniz. Şablonunuza sipariş ayrıntıları eklemek için:

  1. Shopify yöneticinizden Uygulamalar > Order Printer (eski) bölümüne gidin.

  2. Şablonları yönet'e tıklayın.

  3. Düzenlemek istediğiniz şablonun adına tıklayın.

  4. Sipariş ayrıntılarını eklemek için Liquid değişkenlerini, biçimlendirme eklemek için ise HTML'i kullanın. Örneğin, {{ line_item.price | money }} kodu, ürünün fiyatını yazdırır.

  5. İşiniz bittiğinde Kaydet'e tıklayın.

Örneğin Nyla, sevk irsaliyesi şablonuna kargoya verilecek ürünlerin bir listesini eklemek için Order Printer uygulamasındaki Sevk irsaliyesi şablonunun en altına aşağıdaki kodu ekler:

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

Bunun sonucunda Nyla'nın sevk irsaliyelerinde artık, satın alınan ürünleri listeleyen bir tablo yer alır.