Creazione e modifica di modelli con Shopify Order Printer

Puoi creare e modificare i modelli con l'app Shopify Order Printer nel pannello di controllo Shopify. Per impostazione predefinita, l'app Shopify Order Printer include i seguenti modelli:

Fattura: una fattura che puoi inviare a un cliente
Documento di trasporto: una stampa dell'indirizzo del tuo negozio e dell'indirizzo di spedizione del cliente.
Lista di prelievo: un documento che include un elenco degli articoli da prelevare per evadere l'ordine di un cliente.

Puoi usare Liquid per creare i tuoi modelli personalizzati per altri inserti per l'imballaggio, come coupon, etichette o ricevute. L'app Shopify Order Printer supporta i modelli realizzati con HTML, CSS e variabili Liquid.

In questa pagina

Considerazioni sulla creazione di modelli nell'app Shopify Order Printer

Esamina le seguenti considerazioni prima di creare modelli nell'app Shopify Order Printer:

Per creare o modificare i modelli nell’app Shopify Order Printer, è necessario avere familiarità con HTML, CSS e Liquid. L’Assistenza per i temi Shopify potrebbe aiutarti con piccole modifiche ai temi Shopify gratuiti nell’ambito della Policy di progettazione di Shopify. Se hai bisogno di modifiche più complesse o utilizzi un tema non realizzato da Shopify, valuta di assumere un Partner di Shopify.
Puoi creare fino a 15 modelli diversi.
Consulta il riferimento a variabili e filtri Liquid per Shopify Order Printer per tutte le personalizzazioni di modelli supportate.

Crea un modello

Puoi creare un nuovo modello per il documento dell'ordine.

Per configurare un modello di lista di prelievo, consulta Configurazione e stampa di liste di prelievo con l'app Shopify Order Printer.

Passaggi:

Dal pannello di controllo Shopify, vai su App > Order Printer.
Clicca su Modelli.
Clicca su Crea un modello.
Nel campo Nome, inserisci un nome per il modello, ad esempio etichetta o coupon.
Nella sezione Modifica codice, aggiungi codice HTML, CSS o Liquid per creare il modello.
Facoltativo: per visualizzare l'anteprima del modello, clicca su Anteprima.
Clicca su Salva.

Modifica un modello

Puoi modificare un modello esistente. Scopri di più sulla personalizzazione dei modelli di Order Printer.

Passaggi:

Dal pannello di controllo Shopify, vai su App > Order Printer.
Clicca su Modelli.
Clicca sul modello che desideri modificare.
Nella sezione Modifica codice, aggiungi o modifica il codice HTML, CSS o Liquid.
Facoltativo: per visualizzare l'anteprima del modello, clicca su Anteprima.
Clicca su Salva.

Ripristino del modello predefinito

Puoi ripristinare i valori predefiniti dei modelli di documento di trasporto e fattura integrati. Utilizza i seguenti blocchi di codice per ripristinare i modelli ai valori predefiniti.

Modello di fattura predefinito

Versione del 6 giugno 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>

Modello di documento di trasporto predefinito

Versione del 6 giugno 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>