Vytváranie a úprava šablón pomocou aplikácie Shopify Order Printer
Pomocou aplikácie Shopify Order Printer vo svojom administrátorovi Shopify môžete vytvárať a upravovať šablóny. Predvolene obsahuje aplikácia Shopify Order Printer nasledujúce šablóny:
- Faktúra: Faktúra, ktorú môžete odoslať zákazníkovi
- Baliaci list: Vytlačený dokument s adresou vášho obchodu a dodacou adresou zákazníka.
- Zoznam na vychystanie: Dokument, ktorý obsahuje zoznam položiek, ktoré treba vychystať na vybavenie zákazníkovej objednávky.
Pomocou jazyka Liquid môžete vytvárať vlastné šablóny na ďalšie prílohy do balíkov, ako sú kupóny, štítky alebo potvrdenia. Aplikácia Shopify Order Printer podporuje šablóny vytvorené pomocou HTML, CSS a premenných Liquid.
Na tejto stránke
Dôležité informácie o vytváraní šablón v aplikácii Shopify Order Printer
Pred vytvorením šablón v aplikácii Shopify Order Printer si prečítajte nasledujúce dôležité informácie:
- Na vytváranie alebo úpravu šablón v aplikácii Shopify 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.
- Môžete vytvoriť až 15 rôznych šablón.
- Všetky podporované prispôsobenia šablón nájdete v príručke premenných Liquid a filtrov pre aplikáciu Shopify Order Printer.
Vytvorenie šablóny
Pre svoj dokument objednávky môžete vytvoriť novú šablónu.
Ak chcete nastaviť šablónu pick listu, pozrite si časť Nastavenie a tlač pick listov pomocou aplikácie Shopify Order Printer.
Postup:
V administrátorovi Shopify prejdite na Aplikácie > Order Printer.
Kliknite na Šablóny.
Kliknite na Vytvoriť šablónu.
Do poľa Názov zadajte názov svojej šablóny, napríklad štítok alebo kupón.
V sekcii Úprava kódu pridajte kód HTML, CSS alebo Liquid na vytvorenie svojej šablóny.
Voliteľné: Ak chcete zobraziť náhľad šablóny, kliknite na Náhľad.
Kliknite na Uložiť.
Úprava šablóny
Existujúcu šablónu môžete upraviť. Ďalšie informácie o prispôsobení šablón v aplikácii Order Printer.
Postup:
V administrátorovi Shopify prejdite na Aplikácie > Order Printer.
Kliknite na Šablóny.
Kliknite na šablónu, ktorú chcete upraviť.
V sekcii Úprava kódu pridajte alebo upravte kód HTML, CSS alebo Liquid.
Voliteľné: Ak chcete zobraziť náhľad šablóny, kliknite na Náhľad.
Kliknite na Uložiť.
Obnovenie predvolenej šablóny
Môžete obnoviť predvolené hodnoty vstavaných šablón baliaceho listu a faktúry. Na obnovenie predvoleného nastavenia šablón použite nasledujúce bloky kódu.
Predvolená šablóna faktúry
Verzia zo 6. júna 2024.
<div>
<div class="columns">
<h1>Invoice</h1>
<div>
<p style="text-align: right; margin: 0;">
Order {{ order.order_name }}<br />
{% if order.po_number %}PO # {{ order.po_number }}<br />{% endif %}
{{ order.created_at | date: "%B %e, %Y" }}
</p>
</div>
</div>
<div class="columns" style="margin-top: 1.5em;">
<div class="address">
<strong>From</strong><br/>
{{ shop.name }}<br/>
{{ shop.address | format_address }}
{% if shop.phone %}{{ shop.phone }}{% endif %}
</div>
{% if order.billing_address %}
<div class="address">
<strong>Bill to</strong>
{{ order.billing_address | format_address }}
</div>
{% endif %}
{% if order.shipping_address %}
<div class="address">
<strong>Ship to</strong>
{{ order.shipping_address | format_address }}
{% if order.shipping_address.phone %}{{ order.shipping_address.phone }}{% endif %}
</div>
{% endif %}
</div>
<hr />
<h2>Order Details</h2>
<table class="table-tabular" style="margin: 1em 0 0 0;">
<thead>
<tr>
<th scope="col">Qty</th>
<th scope="col">Item</th>
<th scope="col" style="text-align: right;">Price</th>
</tr>
</thead>
<tbody>
{% for line_item in order.line_items %}
<tr>
<td scope="row">{{ line_item.quantity }}</td>
<td>{{ line_item.title }}
{% if line_item.line_level_discount_allocations.size > 0 %}
<span class="subduedText">
{% for discount_allocation in line_item.line_level_discount_allocations %}
<br>{{ discount_allocation.discount_application.title }} (-{{ discount_allocation.amount | money }})
{% endfor %}
</span>
{% endif %}
</td>
<td style="text-align: right;">
{% if line_item.original_price != line_item.final_price %}
<span class="subduedText"><s>{{ line_item.original_price | money }}</s></span>
{% endif %}
{{ line_item.final_price | money }}
</td>
</tr>
{% endfor %}
<tr>
<td scope="row" colspan="2" style="text-align: right;">Subtotal</td>
<td style="text-align: right;">{{ order.line_items_subtotal_price | money }}</td>
</tr>
{% for discount_application in order.cart_level_discount_applications %}
<tr>
<td scope="row" colspan="2" style="text-align: right;">{% if discount_application.title %}<span class="subduedText">{{ discount_application.title }}</span>{% endif %}</td>
<td style="text-align: right;">-{{ discount_application.total_allocated_amount | money }}</td>
</tr>
{% endfor %}
<tr>
<td scope="row" colspan="2" style="text-align: right;">Tax</td>
<td style="text-align: right;">{{ order.tax_price | money }}</td>
</tr>
{% if order.shipping_address %}
<tr>
<td scope="row" colspan="2" style="text-align: right;">Shipping</td>
<td style="text-align: right;">{{ order.shipping_price | money }}</td>
</tr>
{% endif %}
<tr>
<td scope="row" colspan="2" style="text-align: right;"><strong>Total</strong></td>
<td style="text-align: right;"><strong>{{ order.total_price | money }}</strong></td>
</tr>
{% if order.net_payment != order.total_net_amount %}
<tr>
<td scope="row" colspan="2" style="text-align: right;">Total Paid</td>
<td style="text-align: right;">{{ order.net_payment | money }}</td>
</tr>
{% endif %}
{% if order.total_refunded_amount > 0 %}
<tr>
<td scope="row" colspan="2" style="text-align: right;">Total Refunded</td>
<td style="text-align: right;">-{{ order.total_refunded_amount | money }}</td>
</tr>
{% endif %}
{% if order.net_payment != order.total_net_amount %}
<tr>
<td scope="row" colspan="2" style="text-align: right;"><strong>Outstanding Amount</strong></td>
<td style="text-align: right;"><strong>{{ order.total_price | minus: order.net_payment | money }}</strong></td>
</tr>
{% endif %}
</tbody>
</table>
{% if transactions.size > 1 %}
<h2>Transaction Details</h2>
<table class="table-tabular" style="margin: 0 0 1.5em 0;">
<thead>
<tr>
<th scope="col">Type</th>
<th scope="col">Amount</th>
<th scope="col">Kind</th>
<th scope="col">Status</th>
</tr>
</thead>
<tbody>
{% for transaction in transactions %}
<tr>
<td scope="row">{{ transaction.gateway | payment_method }}</td>
<td>{{ transaction.amount | money }}</td>
<td>{{ transaction.kind }}</td>
<td>{{ transaction.status }}</td>
</tr>
{% endfor %}
</tbody>
</table>
{% endif %}
{% if order.note %}
<h2>Note</h2>
<p>{{ order.note }}</p>
{% endif %}
<p style="margin-bottom: 0;">If you have any questions, please send an email to <u>{{ shop.email }}</u></p>
</div>Predvolená šablóna baliaceho listu
Verzia zo 6. júna 2024.
<div>
<div class="columns">
<h1>Packing Slip</h1>
<div class="address">
<p style="text-align: right; margin: 0;">
Order {{ order.order_name }}<br />
{% if order.po_number %}PO # {{ order.po_number }}<br />{% endif %}
{{ order.created_at | date: "%B %e, %Y" }}
</p>
</div>
</div>
<div class="columns" style="margin-top: 1.5em;">
<div class="address">
<strong>From</strong><br/>
{{ shop.name }}<br/>
{{ shop.address | format_address }}
</div>
{% if order.shipping_address %}
<div class="address">
<strong>Ship to</strong>
{{ order.shipping_address | format_address }}
</div>
{% endif %}
</div>
<hr />
<h2>Order Details</h2>
<table class="table-tabular" style="margin: 1em 0 0 0;">
<thead>
<tr>
<th scope="col" style="width: 15%; text-align: left;">Qty</th>
<th scope="col" style="width: 85%; text-align: left;">Item</th>
</tr>
</thead>
<tbody>
{% for line_item in order.line_items %}
<tr>
<td scope="row" style="text-align: left;">{{ line_item.quantity }}</td>
<td style="text-align: left;">{{ line_item.title }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>