Pomocník
Prihlásiť sa

Prispôsobenie šablón Order Printer

U administrátora Shopify môžete v aplikácii Order Printer vytvoriť a prispôsobiť až 15 šablón. V predvolenom nastavení obsahuje aplikácia Order Printer dve šablóny:

  • Faktúra – základná faktúra, ktorú môžete poslať zákazníkovi
  • Baliaci list – výtlačok s adresou vášho obchodu a dodacou adresou zákazníka

Na tejto stránke

Vytvorenie novej šablóny Order Printer

Na vytvorenie novej šablóny Order Printer musíte ovládať HTML, CSS a Liquid. Podpora pre témy Shopify vám môže pomôcť s menšími úpravami bezplatných tém Shopify v rozsahu Zásad dizajnu Shopify. Ak potrebujete zložitejšie zmeny alebo používate tému, ktorú nevytvorila spoločnosť Shopify, zvážte najatie Partnera Shopify.

Kroky:

  1. V administrátorovi Shopify prejdite do časti Aplikácie > Order Printer (legacy).

  2. Kliknite na Spravovať šablóny.

  3. Kliknite na Pridať šablónu.

  4. Do poľa Názov zadajte názov novej šablóny.

  5. Šablónu vytvoríte zadaním kódu HTML, CSS alebo Liquid do poľa Kód.

  6. Po dokončení kliknite na Uložiť.

Úprava šablóny Order Printer

Na úpravu šablón Order Printer musíte ovládať HTML, CSS a Liquid. Podpora pre témy Shopify nemôže rozsiahlo upravovať šablóny za vás, ale môže pomôcť s menšími úpravami bezplatných tém Shopify v rozsahu Zásad dizajnu Shopify. V prípade zložitejších zmien zvážte najatie Partnera Shopify.

Kroky:

  1. V administrátorovi Shopify prejdite do časti Aplikácie > Order Printer (legacy).

  2. Kliknite na Spravovať šablóny.

  3. Kliknite na názov šablóny, ktorú chcete upraviť.

  4. Zmeny v šablóne vykonáte pridaním alebo úpravou kódu HTML, CSS alebo Liquid v poli Kód. Ak si chcete zobraziť ukážky prispôsobení šablón, pozrite si časť Príklady prispôsobenia šablón.

  5. Po dokončení kliknite na Uložiť.

Príklady prispôsobenia šablón

Nasledujúce príklady vysvetľujú niektoré bežné spôsoby prispôsobenia šablón Order Printer:

Počítač

  1. V administrátorovi Shopify prejdite do časti Obsah > Súbory.

  2. Kliknite na Nahrať súbory a vyberte súbor s obrázkom vo svojom počítači.

  3. Na stránke Súbory nájdite nahraný súbor a kliknite na Kopírovať URL.

  4. V administrátorovi Shopify kliknite na Nastavenia > Aplikácie.

  5. Kliknutím na Order Printer otvorte aplikáciu.

  6. Kliknite na Spravovať šablóny.

  7. Kliknite na názov šablóny, ktorú chcete upraviť.

  8. Zadajte nasledujúci úryvok kódu do šablóny na miesto, kde sa má zobraziť logo: <img src="your-image-URL">.

  9. Nahraďte your-image-URL skopírovanou webovou adresou (URL) obrázka. V závislosti od toho, kde sa má logo zobraziť, možno budete musieť pridať značku <br/>, ktorá pridá zalomenie riadku pred alebo za obrázok.

Mobil

  1. V aplikácii Shopify ťuknite na ikonu Menu.

  2. V ponuke Obsah ťuknite na ikonu šípka nadol a potom ťuknite na Súbory.

  3. Ťuknite na Nahrať súbory a vyberte súbor s obrázkom vo svojom počítači.

  4. Na stránke Súbory nájdite nahraný súbor a ťuknite na Kopírovať URL.

  5. V administrátorovi Shopify ťuknite na Nastavenia > Aplikácie.

  6. Ťuknutím na Order Printer otvorte aplikáciu.

  7. Ťuknite na Spravovať šablóny.

  8. Ťuknite na názov šablóny, ktorú chcete upraviť.

  9. Zadajte nasledujúci úryvok kódu do šablóny na miesto, kde sa má zobraziť logo: <img src="your-image-URL">.

  10. Nahraďte your-image-URL skopírovanou webovou adresou (URL) obrázka. V závislosti od toho, kde sa má logo zobraziť, možno budete musieť pridať značku <br/>, ktorá pridá zalomenie riadku pred alebo za obrázok.

V kóde HTML by to malo vyzerať takto:

Ukážka kódu HTML

Príklad: Nastavenie 100 % šírky tabuľky

Ak chcete, aby mali tabuľky orámovanie a natiahli sa na 100 % šírku, pridajte do tabuľky triedu table-tabular:

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

Príklad: Zobrazenie miniatúr produktov

Ak chcete zahrnúť miniatúry produktov, vložte do šablóny tento kód:

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

Pridanie detailov objednávky

Do šablón môžete pridať detaily objednávky, ako sú názov, množstvo a náklady na zakúpené položky. Ak chcete do šablóny pridať detaily objednávky:

  1. V administrátorovi Shopify prejdite do časti Aplikácie > Order Printer (legacy).

  2. Kliknite na Spravovať šablóny.

  3. Kliknite na názov šablóny, ktorú chcete upraviť.

  4. Pomocou premenných Liquid môžete pridať detaily objednávky a pomocou kódu HTML môžete pridať formátovanie. Napríklad premenná {{ line_item.price | money }} vypíše cenu položky.

  5. Po dokončení kliknite na Uložiť.

Napríklad Nyla chce upraviť svoju šablónu baliaceho listu tak, aby obsahovala zoznam odosielaných položiek. Do aplikácie Order Printer pridá na koniec šablóny Packing slip (Baliaci list) nasledujúci kód:

<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>

Vďaka tomu Nylin baliaci list teraz obsahuje tabuľku so zoznamom zakúpených položiek.