Langsung ke konten utama
Editor kode memberi Anda kendali penuh atas template. Template terdiri dari HTML dan CSS dengan Liquid, bahasa template yang juga digunakan Shopify: {{ order_name }} mencetak nama pesanan, {% for line_item in line_items %} diulang untuk setiap item. Variabel pesanan Foliant mengikuti variabel Shopify Order Printer, jadi template yang ditulis untuk Order Printer umumnya langsung berfungsi. Editor kode tersedia di semua paket.

Membuka editor kode

Buka template di editor, lalu klik tab Kode. Template kode langsung terbuka di sana. Untuk template visual, Anda akan melihat kode hasil kompilasinya terlebih dahulu. Klik Edit kode untuk mengubahnya. Lihat Beralih antara Visual dan Kode. Panel kiri memiliki tiga tab: Panel kanan adalah pratinjau langsung. Pratinjau diperbarui sesaat setelah Anda berhenti mengetik.

Menyisipkan kolom

  1. Letakkan kursor di tempat kolom akan disisipkan.
  2. Klik Sisipkan kolom.
  3. Cari kolom (misalnya “tracking” atau “SKU”) di Cari kolom, lalu klik kolom tersebut.
Foliant menyisipkan kode Liquid-nya di posisi kursor, misalnya {{ shipping_address.city }}. Kolom item baris, seperti {{ line_item.sku }}, hanya berfungsi di dalam loop item baris. Sisipkan Item baris untuk menambahkan loop itu sendiri.

Mencari di kode

Klik tombol cari di samping Sisipkan kolom (atau tekan ⌘F / Ctrl+F di kode) untuk menemukan teks di template.

Kesalahan kode

Editor memeriksa kode Anda saat Anda mengetik dan menandai masalah di margin:
  • Kesalahan mencegah Anda menyimpan dan menjeda pratinjau. {{ atau {% yang tidak ditutup termasuk kesalahan. Kesalahan dicantumkan di banner Kesalahan Kode di atas editor, masing-masing dengan Buka baris.
  • Peringatan menunjukkan hal yang mungkin salah, tetapi tidak mencegah Anda menyimpan. Misalnya, filter, tag, atau objek Liquid yang tidak dikenal, tag HTML atau properti CSS yang tidak dikenal, atau tag HTML yang tidak ditutup.
Saat Anda menyimpan, Foliant juga memeriksa template: Liquid harus dapat dibaca, tag HTML harus seimbang, dan SVG inline hanya boleh berisi elemen gambar. Jika ada masalah, penyimpanan gagal dan banner Gagal memperbarui mencantumkan hingga lima masalah, beserta nomor barisnya jika diketahui. Jika template berhasil disimpan tetapi pratinjau tidak dapat ditampilkan, banner menampilkan pesan Liquid beserta barisnya, jika diketahui.
  • Nilai uang dinyatakan dalam sen. Selalu cetak nilai tersebut dengan filter money, seperti {{ total_price | money }}. Lihat Uang dan mata uang di template.
  • Gunakan | escape untuk teks yang diketik pelanggan, seperti catatan dan alamat: {{ note | escape }}.
  • Gunakan {{ 'subtotal' | t }} untuk teks yang mengikuti bahasa dokumen. Lihat Tanggal, bahasa, dan terjemahan.
  • Gunakan snippet bawaan Foliant untuk PPN: {% include 'vat_breakdown' %} mencetak tabel rincian PPN, dan {% include 'legal_notes' %} mencetak catatan hukum (reverse charge, ekspor, IOSS…).

Perlu diketahui

  • Jika template bernomor (faktur, nota kredit, atau penawaran) tidak mencetak document_number di mana pun, Foliant menambahkan baris kecil berisi nomor tersebut di akhir dokumen. Lihat Nomor dokumen di template.
  • Nomor halaman dan header tabel berulang untuk template kode ada di halaman pengaturan template, di bagian Tata letak halaman.
  • Untuk memindahkan template dari Shopify Order Printer atau Order Printer Pro, gunakan Impor template di halaman Template. Lihat Mengimpor template dari Order Printer.

Artikel terkait