Přejít na hlavní obsah
Editor kódu vám dává nad šablonou plnou kontrolu. Šablony jsou HTML a CSS s Liquidem, stejným šablonovacím jazykem, jaký používá Shopify: {{ order_name }} vypíše název objednávky, {% for line_item in line_items %} se opakuje pro každou položku. Proměnné objednávky ve Foliantu odpovídají proměnným v Shopify Order Printer, takže šablony napsané pro něj většinou fungují beze změn. Editor kódu je k dispozici ve všech tarifech.

Otevření editoru kódu

Otevřete šablonu v editoru a klikněte na kartu Kód. Šablony v kódu se otevřou rovnou tam. U vizuální šablony nejprve uvidíte zkompilovaný kód. Chcete-li ho změnit, klikněte na Upravit kód. Viz Přepínání mezi vizuálním režimem a kódem. Levý panel má tři karty: Pravý panel je živý náhled. Aktualizuje se krátce poté, co přestanete psát.

Vložení pole

  1. Umístěte kurzor tam, kam má pole přijít.
  2. Klikněte na Vložit pole.
  3. V části Hledat pole vyhledejte pole (například „tracking“ nebo „SKU“) a klikněte na něj.
Foliant vloží na pozici kurzoru jeho kód Liquid, například {{ shipping_address.city }}. Pole položek, například {{ line_item.sku }}, fungují jen uvnitř smyčky položek. Samotnou smyčku vložíte pomocí Položky řádku.

Hledání v kódu

Kliknutím na tlačítko hledání vedle Vložit pole (nebo stisknutím ⌘F / Ctrl+F v kódu) vyhledáte text v šabloně.

Chyby v kódu

Editor kontroluje váš kód během psaní a označuje problémy na okraji:
  • Chyby vám brání v uložení a pozastaví náhled. Neuzavřené {{ nebo {% je chyba. Chyby jsou uvedeny v banneru Chyby v kódu nad editorem, každá s odkazem Přejít na řádek.
  • Upozornění označují věci, které mohou být špatně, ale nebrání vám v uložení. Například neznámý filtr, tag nebo objekt Liquid, neznámý tag HTML nebo vlastnost CSS, nebo neuzavřený tag HTML.
Při uložení Foliant šablonu také zkontroluje: Liquid musí být čitelný, tagy HTML musí být vyvážené a vložené SVG smí obsahovat jen kreslicí prvky. Pokud je něco špatně, uložení selže a banner Nepodařilo se aktualizovat uvede až pět problémů, s čísly řádků, pokud jsou známá. Pokud se šablona uloží, ale náhled nelze vykreslit, banner zobrazí zprávu Liquidu a řádek, pokud je známý.

Jak psát dobré šablony

  • Peněžní hodnoty jsou v centech: vždy je vypisujte s filtrem pro peníze, například {{ total_price | money }}. Viz Peníze a měna v šablonách.
  • U textu, který zadali zákazníci, například poznámek a adres, použijte | escape: {{ note | escape }}.
  • Pro texty, které se řídí jazykem dokumentu, použijte {{ 'subtotal' | t }}. Viz Data, jazyky a překlady.
  • Pro DPH použijte vestavěné snippety Foliantu: {% include 'vat_breakdown' %} vypíše tabulku rozpisu DPH a {% include 'legal_notes' %} právní poznámky (přenesená daňová povinnost, vývoz, IOSS…).

Dobré vědět

  • Pokud číslovaná šablona (faktura, dobropis nebo nabídka) nikde nevypisuje document_number, Foliant přidá na konec dokumentu malý řádek s číslem. Viz Čísla dokumentů v šablonách.
  • Čísla stránek a opakované záhlaví tabulek pro šablony v kódu najdete na stránce nastavení šablony v části Rozvržení stránky.
  • Chcete-li převést šablonu ze Shopify Order Printer nebo Order Printer Pro, použijte na stránce Šablony možnost Importovat šablonu. Viz Import šablony z Order Printer.

Související články