Bantuan
Log masuk

Menyesuaikan templat Order Printer

Anda boleh mencipta dan menyesuaikan sehingga 15 templat untuk aplikasi Order Printer dalam pentadbir Shopify anda. Secara lalai, aplikasi Order Printer menyertakan dua templat:

  • Invois - invois asas yang boleh anda hantar kepada pelanggan
  • Slip pembungkusan - cetakan alamat kedai anda dan alamat penghantaran pelanggan anda

Halaman ini

Cipta templat Order Printer baharu

Mencipta templat Order Printer baharu memerlukan anda mahir dengan HTML, CSS dan Liquid. Sokongan Tema Shopify mungkin dapat membantu dengan pelarasan kecil pada tema Shopify percuma dalam skop Dasar Reka Bentuk Shopify. Jika anda memerlukan perubahan yang lebih rumit atau menggunakan tema yang tidak dibuat oleh Shopify, pertimbangkan untuk mengupah Rakan Kongsi Shopify.

Langkah-langkah:

  1. Daripada pentadbir Shopify anda, pergi ke Aplikasi > Order Printer (legasi).

  2. Klik Urus templat.

  3. Klik Tambah templat.

  4. Masukkan nama untuk templat baharu anda dalam medan Nama.

  5. Tambah kod HTML, CSS atau Liquid dalam medan Kod untuk mencipta templat anda.

  6. Apabila anda selesai, klik Simpan.

Edit templat Order Printer

Mengedit templat Order Printer anda memerlukan anda mahir dengan HTML, CSS dan Liquid. Sokongan Tema Shopify tidak boleh mengedit templat untuk anda secara meluas tetapi mungkin dapat membantu dengan pelarasan kecil pada tema Shopify percuma dalam skop Dasar Reka Bentuk Shopify. Untuk perubahan yang lebih rumit, pertimbangkan untuk mengupah Rakan Kongsi Shopify.

Langkah-langkah:

  1. Daripada pentadbir Shopify anda, pergi ke Aplikasi > Order Printer (legasi).

  2. Klik Urus templat.

  3. Klik nama templat yang ingin anda edit.

  4. Lakukan perubahan anda pada templat dengan menambahkan atau mengedit kod HTML, CSS atau Liquid dalam medan Kod. Untuk mempratonton contoh penyesuaian templat, rujuk Contoh penyesuaian templat.

  5. Apabila anda selesai, klik Simpan.

Contoh penyesuaian templat

Contoh berikut menerangkan beberapa cara lazim untuk menyesuaikan templat Order Printer:

Desktop

  1. Daripada pentadbir Shopify anda, pergi ke Kandungan > Fail.

  2. Klik Muat naik fail dan pilih fail imej pada komputer anda.

  3. Pada halaman Fail, cari fail yang dimuat naik dan klik Salin URL.

  4. Daripada pentadbir Shopify anda, klik Tetapan > Aplikasi.

  5. Klik Order Printer untuk membuka aplikasi.

  6. Klik Urus templat.

  7. Klik nama templat yang ingin anda edit.

  8. Masukkan cebisan kod berikut ke dalam templat anda di tempat yang ingin anda paparkan logo anda: <img src="your-image-URL">.

  9. Gantikan your-image-URL dengan URL imej yang telah anda salin. Bergantung pada tempat logo anda ingin dipaparkan, anda mungkin perlu menambahkan tag <br/> untuk menambah pemisah baris sebelum atau selepas imej anda.

Mudah alih

  1. Daripada aplikasi Shopify, ketik ikon Menu.

  2. Dalam menu Kandungan, ketik ikon anak panah bawah dan kemudian ketik Fail.

  3. Ketik Muat naik fail dan pilih fail imej pada komputer anda.

  4. Pada halaman Fail, cari fail yang dimuat naik dan ketik Salin URL.

  5. Daripada pentadbir Shopify anda, ketik Tetapan > Aplikasi.

  6. Ketik Order Printer untuk membuka aplikasi.

  7. Ketik Urus templat.

  8. Ketik nama templat yang ingin anda edit.

  9. Masukkan cebisan kod berikut ke dalam templat anda di tempat yang ingin anda paparkan logo anda: <img src="your-image-URL">.

  10. Gantikan your-image-URL dengan URL imej yang anda salin. Bergantung pada tempat yang ingin anda paparkan logo anda, anda mungkin perlu menambahkan tag <br/> untuk menambah pemisah baris sebelum atau selepas imej anda.

Paparan sepatutnya kelihatan seperti ini dalam HTML:

Contoh kod HTML

Contoh: Jadikan lebar jadual 100%

Untuk menjadikan jadual anda mempunyai sempadan dan meregang pada lebar 100%, tambahkan kelas table-tabular pada jadual anda:

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

Contoh: Papar imej kecil produk

Untuk menyertakan imej kecil produk, masukkan kod ini ke dalam templat anda:

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

Tambah butiran pesanan

Anda boleh menambah butiran pesanan pada templat anda seperti nama, kuantiti dan kos item yang dibeli. Untuk menambah butiran pesanan pada templat anda:

  1. Daripada pentadbir Shopify anda, pergi ke Aplikasi > Order Printer (legasi).

  2. Klik Urus templat.

  3. Klik nama templat yang ingin anda edit.

  4. Gunakan pemboleh ubah Liquid untuk menambah butiran pesanan dan HTML untuk menambah pemformatan. Contohnya, {{ line_item.price | money }} mencetak harga item tersebut.

  5. Apabila anda selesai, klik Simpan.

Contohnya, Nyla ingin mengedit templat slip pembungkusannya untuk menyertakan senarai item yang sedang dikirimkan. Dia menambah kod berikut ke bahagian bawah templat Packing slip miliknya dalam 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 pembungkusan Nyla kini menyertakan jadual yang menyenaraikan item yang dibeli.