Pomoć
Prijavi se

Prilagodba predložaka u aplikaciji Order Printer

U administratorskom alatu za Shopify možete izraditi i prilagoditi do 15 predložaka za aplikaciju Order Printer. Prema zadanim postavkama aplikacija Order Printer uključuje dva predloška:

  • Faktura – osnovna faktura koju možete poslati korisniku
  • Otpremnica – ispis adrese vaše trgovine i adrese za dostavu vašeg korisnika

Na ovoj stranici

Izrada novog predloška za Order Printer

Za izradu novog predloška za Order Printer trebate poznavati HTML, CSS i Liquid. Podrška za teme platforme Shopify možda vam može pomoći s manjim prilagodbama besplatnih tema za Shopify u okviru Pravila dizajna za Shopify. Ako trebate složenije promjene ili upotrebljavate temu koju nije izradio Shopify, razmislite o tome da zaposlite partnera sa statusom Shopify Partner.

Koraci:

  1. U administratorskom alatu za Shopify idite na Aplikacije > Order Printer (legacy).

  2. Kliknite na Upravljaj predlošcima.

  3. Kliknite na Dodaj predložak.

  4. U polje Naziv unesite naziv za novi predložak.

  5. U polje Kôd dodajte HTML, CSS ili Liquid kôd da biste izradili predložak.

  6. Kada završite, kliknite na Spremi.

Uređivanje predloška za Order Printer

Za uređivanje predložaka za Order Printer trebate poznavati HTML, CSS i Liquid. Podrška za teme platforme Shopify ne može u velikoj mjeri uređivati predloške umjesto vas, no možda vam može pomoći s manjim prilagodbama besplatnih tema za Shopify u okviru Pravila dizajna za Shopify. Za složenije promjene razmislite o tome da zaposlite partnera sa statusom Shopify Partner.

Koraci:

  1. U administratorskom alatu za Shopify idite na Aplikacije > Order Printer (legacy).

  2. Kliknite na Upravljaj predlošcima.

  3. Kliknite na naziv predloška koji želite urediti.

  4. Unesite promjene u predložak dodavanjem ili uređivanjem HTML, CSS ili Liquid koda u polju Kôd. Za pregled primjera prilagodbi predloška pogledajte odjeljak Primjeri prilagodbi predložaka.

  5. Kada završite, kliknite na Spremi.

Primjeri prilagodbi predložaka

Sljedeći primjeri objašnjavaju neke od uobičajenih načina prilagodbe predložaka za Order Printer:

Stolno računalo

  1. U administratorskom alatu za Shopify idite na Sadržaj > Datoteke.

  2. Kliknite na Učitaj datoteke i odaberite slikovnu datoteku na računalu.

  3. Na stranici Datoteke pronađite učitanu datoteku i kliknite na Kopiraj URL.

  4. U administratorskom alatu za Shopify kliknite na Postavke > Aplikacije.

  5. Kliknite na Order Printer za otvaranje aplikacije.

  6. Kliknite na Upravljaj predlošcima.

  7. Kliknite na naziv predloška koji želite urediti.

  8. Unesite sljedeći isječak koda u predložak na mjesto na kojem želite da se prikazuje logotip: <img src="your-image-URL">.

  9. Zamijenite your-image-URL URL-om slike koji ste kopirali. Ovisno o tome gdje želite prikazati logotip, možda ćete trebati dodati oznaku <br/> za dodavanje prijeloma u novi red prije ili poslije slike.

Mobilni uređaj

  1. U aplikaciji Shopify dodirnite ikonu Izbornik.

  2. U izborniku Sadržaj dodirnite ikonu strelica prema dolje, a zatim dodirnite Datoteke.

  3. Dodirnite Učitaj datoteke i odaberite slikovnu datoteku na računalu.

  4. Na stranici Datoteke pronađite učitanu datoteku i dodirnite Kopiraj URL.

  5. U administratorskom alatu za Shopify dodirnite Postavke > Aplikacije.

  6. Dodirnite Order Printer za otvaranje aplikacije.

  7. Dodirnite Upravljaj predlošcima.

  8. Dodirnite naziv predloška koji želite urediti.

  9. Unesite sljedeći isječak koda u predložak na mjesto na kojem želite da se prikazuje logotip: <img src="your-image-URL">.

  10. Zamijenite your-image-URL URL-om slike koji ste kopirali. Ovisno o tome gdje želite da se vaš logotip prikazuje, možda ćete trebati dodati oznaku <br/> za dodavanje prijeloma u novi red prije ili poslije slike.

To bi trebalo izgledati ovako u HTML-u:

Primjer HTML koda

Primjer: Postavljanje širine tablice na 100 %

Da bi tablice imale obrube i protezale se na širinu od 100 %, dodajte klasu table-tabular svojoj tablici:

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

Primjer: Prikaz minijatura proizvoda

Da biste uključili minijature proizvoda, umetnite ovaj kôd u predložak:

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

Dodavanje informacija o narudžbi

U predloške možete dodati informacije o narudžbi, poput naziva, količine i troška kupljenih stavki. Za dodavanje informacija o narudžbi u predložak:

  1. U administratorskom alatu za Shopify idite na Aplikacije > Order Printer (legacy).

  2. Kliknite na Upravljaj predlošcima.

  3. Kliknite na naziv predloška koji želite urediti.

  4. Upotrijebite varijable Liquid za dodavanje informacija o narudžbi te HTML za dodavanje formatiranja. Na primjer, {{ line_item.price | money }} ispisuje cijenu stavke.

  5. Kada završite, kliknite na Spremi.

Na primjer, Nyla želi urediti predložak otpremnice kako bi uključila popis stavki koje se šalju. Dodaje sljedeći kôd na dno svojeg predloška Packing slip u aplikaciji 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>

Kao rezultat, Nylene otpremnice sada uključuju tablicu s popisom kupljenih stavki.