Shopify Order Printer şablonları oluşturma ve şablonları kişiseleştirme

Shopify yöneticinizde Order Printer uygulaması için toplamda 15 adede kadar şablon oluşturabilir ve bunları kişiselleştirebilirsiniz. Shopify Order Printer uygulamasında varsayılan olarak iki şablon bulunur:

  • Fatura - Müşteriye gönderebileceğiniz temel bir fatura
  • Sevk irsaliyesi - Mağazanızın adresinin ve müşterinizin kargo adresinin yazlı çıktısı

Yeni bir Shopify Order Printer şablonu oluşturma

Yeni bir Shopify Order Printer şablonu oluşturmak için HTML, CSS ve Liquid bilginiz olması gerekir. Shopify Tema Desteği ekibi, Shopify Tasarım Politikası dahilinde ufak düzenlemeler konusunda size yardımcı olabilir.

Adımlar:

  1. Shopify yöneticinizde, Ayarlar > Uygulamalar ve satış kanalları'na tıklayın.

  2. Order Printer'a tıklayın.

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

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

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

  6. Şablonunuzu oluşturmaya başlamak için Kod alanına HTML, CSS veya Liquid kodları ekleyin.

  7. Kaydet'e tıklayın.

Bir Shopify Order Printer şablonunu düzenleme

Shopify Order Printer şablonlarınızı düzenlemek için HTML, CSS ve Liquid bilginiz olması gerekir. Shopify Tema Desteği ekibi, Shopify Tasarım Politikası dahilinde ufak düzenlemeler konusunda size yardımcı olabilir.

Adımlar:

  1. Shopify yöneticinizde, Ayarlar > Uygulamalar ve satış kanalları'na tıklayın.

  2. Order Printer'a tıklayın.

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

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

  5. Kod alanına HTML, CSS veya Liquid kodu ekleyerek veya var olan kodu düzenleyerek şablonu güncelleyin. Şablon kişiselleştirmeleri hakkında daha fazla bilgi edinmek için Şablon kişiselleştirmesi örnekleri bölümüne bakın.

  6. Kaydet'e tıklayın.

Şablon kişiselleştirmesi örnekleri

Shopify Order Printer şablonlarını nasıl kişiselleştirebileceğinizi öğrenmek için aşağıdaki örnekleri gözden geçirin:

Logonuzu sipariş şablonunuza ekledikten sonra HTML'nizin nasıl görünmesi gerektiğini bu örnekte görebilirsiniz:

Example HTML code

Tablo genişliklerini %100 olarak ayarlama

Tablonuza kenarlık eklemek ve genişliği %100'e çıkarmak için tablonuza birtable-tabular sınıfı ekleyin:

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

Ürünlerin küçük resimlerini gösterme

Sipariş şablonunuza ürünlerin küçük resimlerini eklemek için şablonunuza aşağıdaki kodu ekleyin:

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

Sipariş bilgilerini ekleme

Şablonlarınıza satın alınan ürünlerin adı, adedi ve maliyeti gibi sipariş bilgilerini ekleyebilirsiniz.

Adımlar:

  1. Shopify yöneticinizde, Ayarlar > Uygulamalar ve satış kanalları'na tıklayın.

  2. Order Printer'a tıklayın.

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

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

  5. Sipariş bilgileri eklemek için Liquid değişkenlerini, biçimlendirme eklemek için ise HTML kullanın. Örneğin, {{ line_item.price | money }} kodunu kullanarak ürünün fiyatını yazdırabilirsiniz.

  6. Kaydet'e tıklayın.

Örneğin Nyla, sevk irsaliyesi şablonunu, sevk edilen öğelerin listesini içerecek şekilde düzenlemek istiyor. Bunun için Shopify Order Printer uygulamasında Packing slip şablonunun en altına şu kodu ekliyor:

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

Böylece Hande'nin sevk irsaliyeleri artık satın alınan ürünlerin yer aldığı bir tablo içeriyor.

Shopify ile satış yapmaya hazır mısınız?

Ücretsiz olarak dene