Bantuan
Masuk

Menyesuaikan templat Order Printer

Anda dapat membuat dan menyesuaikan hingga 15 templat untuk aplikasi Order Printer di admin Shopify. Secara default, aplikasi Order Printer menyertakan dua templat:

  • Invois - invois dasar yang dapat Anda kirim ke pelanggan
  • Slip pengepakan - cetakan alamat toko dan alamat pengiriman pelanggan Anda

Di halaman ini

Membuat templat Order Printer baru

Membuat templat Order Printer baru mengharuskan Anda familier dengan HTML, CSS, dan Liquid. Dukungan Tema Shopify mungkin dapat membantu melakukan penyesuaian kecil pada tema gratis Shopify dalam cakupan Kebijakan Desain Shopify. Jika Anda memerlukan perubahan yang lebih kompleks atau menggunakan tema yang tidak dibuat oleh Shopify, pertimbangkan untuk mempekerjakan Mitra Shopify.

Langkah-langkah:

  1. Dari admin Shopify, buka Aplikasi > Order Printer (lama).

  2. Klik Kelola templat.

  3. Klik Tambahkan templat.

  4. Masukkan nama untuk templat baru Anda di kolom Nama.

  5. Tambahkan kode HTML, CSS, atau Liquid di kolom Kode untuk membuat templat Anda.

  6. Setelah selesai, klik Simpan.

Mengedit templat Order Printer

Mengedit templat Order Printer Anda mengharuskan Anda familier dengan HTML, CSS, dan Liquid. Dukungan Tema Shopify tidak dapat mengedit templat secara ekstensif untuk Anda, tetapi mungkin dapat membantu melakukan penyesuaian kecil pada tema gratis Shopify dalam cakupan Kebijakan Desain Shopify. Untuk perubahan yang lebih kompleks, pertimbangkan untuk mempekerjakan Mitra Shopify.

Langkah-langkah:

  1. Dari admin Shopify, buka Aplikasi > Order Printer (lama).

  2. Klik Kelola templat.

  3. Klik nama templat yang ingin diedit.

  4. Lakukan perubahan pada templat dengan menambahkan atau mengedit kode HTML, CSS, atau Liquid di kolom Kode. Untuk melihat pratinjau contoh kustomisasi templat, lihat Contoh kustomisasi templat.

  5. Setelah selesai, klik Simpan.

Contoh kustomisasi templat

Contoh berikut menjelaskan beberapa cara umum untuk menyesuaikan templat Order Printer:

Desktop

  1. Dari admin Shopify, buka Konten > File.

  2. Klik Unggah file, lalu pilih file gambar di komputer Anda.

  3. Di halaman File, cari file yang diunggah, lalu klik Salin URL.

  4. Dari admin Shopify, klik Pengaturan > Aplikasi.

  5. Klik Order Printer untuk membuka aplikasi.

  6. Klik Kelola templat.

  7. Klik nama templat yang ingin diedit.

  8. Masukkan cuplikan kode berikut ke dalam templat di tempat Anda ingin logo ditampilkan: <img src="URL-gambar-Anda">.

  9. Ganti URL-gambar-Anda dengan URL gambar yang Anda salin. Tergantung di mana Anda ingin logo ditampilkan, Anda mungkin perlu menambahkan tag <br/> untuk menambahkan jeda baris sebelum atau sesudah gambar.

Seluler

  1. Dari aplikasi Shopify, ketuk ikon Menu.

  2. Di menu Konten, ketuk ikon panah bawah, lalu ketuk File.

  3. Ketuk Unggah file, lalu pilih file gambar di komputer Anda.

  4. Di halaman File, cari file yang diunggah, lalu ketuk Salin URL.

  5. Dari admin Shopify, ketuk Pengaturan > Aplikasi.

  6. Ketuk Order Printer untuk membuka aplikasi.

  7. Ketuk Kelola templat.

  8. Ketuk nama templat yang ingin diedit.

  9. Masukkan cuplikan kode berikut ke dalam templat di tempat Anda ingin logo ditampilkan: <img src="URL-gambar-Anda">.

  10. Ganti your-image-URL dengan URL gambar yang Anda salin. Tergantung pada letak logo yang diinginkan, Anda mungkin perlu menambahkan tag <br/> untuk menambahkan jeda baris sebelum atau sesudah gambar Anda.

Tampilannya di HTML akan seperti ini:

Contoh kode HTML

Contoh: Membuat lebar tabel menjadi 100%

Agar tabel memiliki garis batas dan melebar hingga 100%, tambahkan kelas table-tabular ke tabel Anda:

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

Contoh: Menampilkan gambar mini produk

Untuk menyertakan gambar mini produk, sisipkan kode ini ke dalam templat Anda:

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

Menambahkan detail pesanan

Anda dapat menambahkan detail pesanan ke templat, seperti nama, kuantitas, dan biaya item yang dibeli. Untuk menambahkan detail pesanan ke templat:

  1. Dari admin Shopify, buka Aplikasi > Order Printer (lama).

  2. Klik Kelola templat.

  3. Klik nama templat yang ingin diedit.

  4. Gunakan variabel Liquid untuk menambahkan detail pesanan dan HTML untuk menambahkan pemformatan. Misalnya, {{ line_item.price | money }} mencetak harga item.

  5. Setelah selesai, klik Simpan.

Misalnya, Nyla ingin mengedit templat slip pengepakannya untuk menyertakan daftar item yang dikirim. Dia menambahkan kode berikut ke bagian bawah templat Slip pengepakan di aplikasi Order Printer:

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

Hasilnya, slip pengepakan Nyla kini menyertakan tabel yang mencantumkan item yang dibeli.