Personalizarea șabloanelor Order Printer

Puteți crea și personaliza până la 15 șabloane pentru aplicația Order Printer în panoul de administrare Shopify. În mod implicit, aplicația Order Printer include două șabloane:

Factură – o factură de bază pe care o puteți trimite unui client
Listă de colisaj – un document imprimat cu adresa magazinului dumneavoastră și adresa de livrare a clientului

Pe această pagină

Crearea unui nou șablon Order Printer

Crearea unui nou șablon Order Printer necesită cunoștințe de HTML, CSS și Liquid. Asistența pentru teme Shopify v-ar putea ajuta cu ajustări minore ale temelor Shopify gratuite, în conformitate cu Politica de design Shopify. Dacă aveți nevoie de modificări mai complexe sau dacă utilizați o temă care nu a fost creată de Shopify, luați în considerare angajarea unui partener Shopify.

Pași:

Din panoul de administrare Shopify, accesați Aplicații > Order Printer (legacy).
Faceți clic pe Gestionare șabloane.
Faceți clic pe Adăugare șablon.
Introduceți un nume pentru noul șablon în câmpul Nume.
Adăugați cod HTML, CSS sau Liquid în câmpul Cod pentru a vă crea șablonul.
Când ați terminat, faceți clic pe Salvare.

Editarea unui șablon Order Printer

Editarea șabloanelor dumneavoastră Order Printer necesită cunoștințe de HTML, CSS și Liquid. Asistența pentru teme Shopify nu poate edita extensiv șabloanele pentru dumneavoastră, dar v-ar putea ajuta cu ajustări minore ale temelor Shopify gratuite, în conformitate cu Politica de design Shopify. Pentru modificări mai complexe, luați în considerare angajarea unui partener Shopify.

Pași:

Din panoul de administrare Shopify, accesați Aplicații > Order Printer (legacy).
Faceți clic pe Gestionare șabloane.
Faceți clic pe numele șablonului pe care doriți să-l editați.
Modificați șablonul adăugând sau editând cod HTML, CSS sau Liquid în câmpul Cod. Pentru a previzualiza exemple de personalizări ale șabloanelor, consultați Exemple de personalizări ale șabloanelor.
Când ați terminat, faceți clic pe Salvare.

Exemple de personalizări ale șabloanelor

Următoarele exemple explică câteva modalități comune de a personaliza șabloanele Order Printer:

Exemplu: Adăugarea siglei la șabloanele Order Printer

Desktop

Din panoul de administrare Shopify, accesați Conținut > Fișiere.
Faceți clic pe Încărcare fișiere și selectați fișierul imagine de pe computerul dumneavoastră.
În pagina Fișiere, găsiți fișierul încărcat și faceți clic pe Copiere URL.
Din panoul de administrare Shopify, faceți clic pe Setări > Aplicații.
Faceți clic pe Order Printer pentru a deschide aplicația.
Faceți clic pe Gestionare șabloane.
Faceți clic pe numele șablonului pe care doriți să-l editați.
Introduceți următorul fragment de cod în șablonul dumneavoastră, unde doriți să apară sigla: <img src="your-image-URL">.
Înlocuiți your-image-URL cu URL-ul imaginii pe care l-ați copiat. În funcție de locul în care doriți să fie afișată sigla, este posibil să fie necesar să adăugați o etichetă <br/> pentru a adăuga un sfârșit de linie înainte sau după imagine.

Mobil

Din Shopify app, atingeți pictograma .
În meniul Conținut, atingeți pictograma , apoi atingeți Fișiere.
Atingeți Încărcare fișiere și selectați fișierul imagine de pe computerul dumneavoastră.
În pagina Fișiere, găsiți fișierul încărcat și atingeți Copiere URL.
Din panoul de administrare Shopify, atingeți Setări > Aplicații.
Atingeți Order Printer pentru a deschide aplicația.
Atingeți Gestionare șabloane.
Atingeți numele șablonului pe care doriți să îl editați.
Introduceți următorul fragment de cod în șablonul dumneavoastră, unde doriți să apară sigla: <img src="your-image-URL">.
Înlocuiți your-image-URL cu URL-ul imaginii pe care l-ați copiat. În funcție de locul în care doriți să apară sigla, este posibil să fie necesar să adăugați o etichetă <br/> pentru a adăuga un sfârșit de linie înainte sau după imagine.

Ar trebui să arate astfel în HTML:

Exemplu: Setarea lățimii tabelelor la 100%

Pentru ca tabelele dumneavoastră să aibă chenare și să se întindă pe 100% din lățime, adăugați clasa table-tabular la tabelul dumneavoastră:

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

Exemplu: Afișarea miniaturilor de produs

Pentru a include miniaturi de produse, inserați acest cod în șablonul dumneavoastră:

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

Adăugarea detaliilor comenzii

Puteți adăuga detalii despre comandă la șabloanele dumneavoastră, cum ar fi numele, cantitatea și costul articolelor achiziționate. Pentru a adăuga detalii despre comandă la șablonul dumneavoastră:

Din panoul de administrare Shopify, accesați Aplicații > Order Printer (legacy).
Faceți clic pe Gestionare șabloane.
Faceți clic pe numele șablonului pe care doriți să-l editați.
Utilizați variabile Liquid pentru a adăuga detalii despre comandă și HTML pentru a adăuga formatare. De exemplu, {{ line_item.price | money }} imprimă prețul articolului.
Când ați terminat, faceți clic pe Salvare.

De exemplu, Nyla dorește să editeze șablonul listei de colisaj pentru a include o listă a articolelor care se expediază. Aceasta adaugă următorul cod în partea de jos a șablonului său Listă de colisaj în aplicația Order Printer:

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

Drept urmare, listele de colisaj ale Nylei includ acum un tabel care listează articolele cumpărate.