Salt la conținutul principal
Editorul de cod vă oferă control complet asupra unui șablon. Șabloanele sunt HTML și CSS cu Liquid, același limbaj de șabloane pe care îl folosește Shopify: {{ order_name }} afișează numele comenzii, iar {% for line_item in line_items %} se repetă pentru fiecare articol. Variabilele de comandă din Foliant le urmează pe cele din Shopify Order Printer, așa că șabloanele scrise pentru acesta funcționează în mare parte fără modificări. Editorul de cod este disponibil în toate planurile.

Deschideți editorul de cod

Deschideți șablonul în editor și faceți clic pe fila Cod. Șabloanele de cod se deschid direct acolo. Pentru un șablon vizual, vedeți mai întâi codul compilat; faceți clic pe Editați codul pentru a-l modifica. Consultați Comutați între Vizual și Cod. Panoul din stânga are trei file: Panoul din dreapta este previzualizarea live. Aceasta se actualizează la scurt timp după ce nu mai tastați.

Inserați un câmp

  1. Plasați cursorul acolo unde trebuie să apară câmpul.
  2. Faceți clic pe Inserați câmp.
  3. Căutați câmpul (de exemplu „tracking” sau „SKU”) la Căutați câmpuri și faceți clic pe el.
Foliant inserează codul Liquid al câmpului la cursor, de exemplu {{ shipping_address.city }}. Câmpurile articolelor rând, cum ar fi {{ line_item.sku }}, funcționează doar în interiorul buclei articolelor rând: inserați Articole rând pentru bucla propriu-zisă.

Căutați în cod

Faceți clic pe butonul de căutare de lângă Inserați câmp (sau apăsați ⌘F / Ctrl+F în cod) pentru a găsi text în șablon.

Erori de cod

Editorul vă verifică codul pe măsură ce tastați și marchează problemele în margine:
  • Erorile vă împiedică să salvați și opresc previzualizarea. Un {{ sau {% neînchis este o eroare. Acestea sunt listate într-un banner Erori Cod deasupra editorului, fiecare cu Mergi la linie.
  • Avertismentele semnalează lucruri care ar putea fi greșite, dar nu vă împiedică să salvați, de exemplu un filtru, o etichetă sau un obiect Liquid necunoscut, o etichetă HTML sau o proprietate CSS necunoscută ori o etichetă HTML neînchisă.
Când salvați, Foliant verifică și șablonul: codul Liquid trebuie să poată fi citit, etichetele HTML trebuie să fie echilibrate, iar SVG-ul inline poate conține doar elemente de desen. Dacă ceva nu este în regulă, salvarea eșuează, iar un banner Eșec la actualizare listează până la cinci probleme, cu numerele liniilor, atunci când sunt cunoscute. Dacă șablonul se salvează, dar previzualizarea nu poate fi generată, un banner afișează mesajul Liquid și linia, atunci când aceasta este cunoscută.

Scrieți șabloane bune

  • Valorile monetare sunt în cenți: afișați-le întotdeauna cu un filtru de bani, cum ar fi {{ total_price | money }}. Consultați Bani și monedă în șabloane.
  • Folosiți | escape pentru textul introdus de clienți, cum ar fi notele și adresele: {{ note | escape }}.
  • Folosiți {{ 'subtotal' | t }} pentru formulări care urmează limba documentului. Consultați Date, limbi și traduceri.
  • Folosiți fragmentele integrate în Foliant pentru TVA: {% include 'vat_breakdown' %} afișează tabelul cu defalcarea TVA, iar {% include 'legal_notes' %} mențiunile legale (taxare inversă, export, IOSS…).

Bine de știut

  • Dacă un șablon numerotat (factură, notă de credit sau ofertă) nu afișează nicăieri document_number, Foliant adaugă la sfârșitul documentului un rând mic cu numărul. Consultați Numerele documentelor în șabloane.
  • Numerele de pagină și antetele de tabel repetate pentru șabloanele de cod se găsesc pe pagina de setări a șablonului, la Aspectul paginii.
  • Pentru a prelua un șablon din Shopify Order Printer sau Order Printer Pro, folosiți Importă un șablon pe pagina Șabloane. Consultați Importați un șablon din Order Printer.

Articole similare