> ## Documentation Index
> Fetch the complete documentation index at: https://foliant-help.iforiti.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Edit kode template

> Edit Liquid, HTML, dan CSS template di editor kode, sisipkan kolom pesanan, gunakan referensi variabel, dan perbaiki kesalahan kode.

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](https://foliant-help.iforiti.com/id/template-editor/visual-and-code-modes.md).

Panel kiri memiliki tiga tab:

| Tab | Yang ditampilkan |
| - | - |
| **Kode** | Kode template, dengan penyorotan sintaksis. Baris dan kolom saat ini ditampilkan di bagian bawah. |
| **Variabel Liquid** | Variabel dan filter yang dapat Anda gunakan, dikelompokkan (Variabel umum, Detail item baris, Detail pelanggan…), dengan **Cari di referensi**. |
| **Metafield** | Cara mencetak metafield pesanan, pelanggan, produk, dan varian. Lihat [Metafield di template](https://foliant-help.iforiti.com/id/template-editor/metafields.md). |

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.

## Menulis template yang baik

* Nilai uang dinyatakan dalam sen. Selalu cetak nilai tersebut dengan filter money, seperti `{{ total_price | money }}`. Lihat [Uang dan mata uang di template](https://foliant-help.iforiti.com/id/template-editor/liquid-money-and-currency.md).
* 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](https://foliant-help.iforiti.com/id/template-editor/liquid-dates-and-languages.md).
* 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](https://foliant-help.iforiti.com/id/template-editor/liquid-document-numbers.md).
* 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](https://foliant-help.iforiti.com/id/templates/import-from-order-printer.md).

## Artikel terkait

* [Objek pesanan dan variabel umum](https://foliant-help.iforiti.com/id/template-editor/liquid-order-variables.md)
* [Filter Liquid](https://foliant-help.iforiti.com/id/template-editor/liquid-filters.md)
* [Beralih antara Visual dan Kode](https://foliant-help.iforiti.com/id/template-editor/visual-and-code-modes.md)
* [Pratinjau, ukuran kertas, dan zoom](https://foliant-help.iforiti.com/id/template-editor/preview-paper-and-zoom.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.