Pomoč
Prijava

Prilagajanje predlog aplikacije Order Printer

V skrbniku Shopify lahko ustvarite in prilagodite do 15 predlog za aplikacijo Order Printer. Privzeto aplikacija Order Printer vključuje dve predlogi:

  • Račun – osnovni račun, ki ga lahko pošljete stranki
  • Dobavnica – izpis naslova vaše trgovine in naslova za dostavo vaše stranke

Na tej strani

Ustvari novo predlogo za Order Printer

Za ustvarjanje nove predloge za Order Printer morate poznati HTML, sezname slogov (CSS) in Liquid. Podpora za teme Shopify vam bo morda lahko pomagala pri manjših prilagoditvah brezplačnih tem Shopify v obsegu Shopifyjevega pravilnika o oblikovanju. Če potrebujete kompleksnejše spremembe ali uporabljate temo, ki je ni ustvaril Shopify, razmislite o tem, da bi zaposlili Shopify Partnerja.

Koraki:

  1. V skrbniku Shopify pojdite v Aplikacije > Order Printer (podedovano).

  2. Kliknite Upravljaj predloge.

  3. Kliknite Dodaj predlogo.

  4. V polje Ime vnesite ime nove predloge.

  5. Za ustvarjanje predloge v polje Koda dodajte kodo HTML, sezname slogov (CSS) ali Liquid.

  6. Ko končate, kliknite Shrani.

Uredi predlogo za Order Printer

Za urejanje predlog za Order Printer morate poznati HTML, sezname slogov (CSS) in Liquid. Podpora za teme Shopify ne more izvajati obsežnejših urejanj predlog namesto vas, lahko pa vam morda pomaga pri manjših prilagoditvah brezplačnih tem Shopify v obsegu Shopifyjevega pravilnika o oblikovanju. Za kompleksnejše spremembe razmislite o tem, da bi zaposlili Shopify Partnerja.

Koraki:

  1. V skrbniku Shopify pojdite v Aplikacije > Order Printer (podedovano).

  2. Kliknite Upravljaj predloge.

  3. Kliknite ime predloge, ki jo želite urediti.

  4. Spremenite predlogo tako, da dodate ali uredite kodo HTML, sezname slogov (CSS) ali Liquid v polju Koda. Za predogled primerov prilagajanja predlog si oglejte Primeri prilagajanja predlog.

  5. Ko končate, kliknite Shrani.

Primeri prilagajanja predlog

Naslednji primeri pojasnjujejo nekatere pogoste načine prilagajanja predlog za Order Printer:

Namizni računalnik

  1. V skrbniku Shopify pojdite v Vsebina > Datoteke.

  2. Kliknite Naloži datoteke in izberite slikovno datoteko v računalniku.

  3. Na strani Datoteke poiščite naloženo datoteko in kliknite Kopiraj URL-naslov.

  4. V skrbniku Shopify kliknite Nastavitve > Aplikacije.

  5. Kliknite Order Printer, da odprete aplikacijo.

  6. Kliknite Upravljaj predloge.

  7. Kliknite ime predloge, ki jo želite urediti.

  8. Vnesite naslednji delček kode v predlogo, kamor želite prikazati logotip: <img src="your-image-URL">.

  9. Zamenjajte your-image-URL s kopiranim URL-naslovom slike. Glede na to, kje želite prikazati logotip, boste morda morali dodati oznako <br/>, da dodate prelom vrstice pred sliko ali po njej.

Mobilna naprava

  1. V aplikaciji Shopify se dotaknite ikone Meni.

  2. V meniju Vsebina se dotaknite ikone puščica navzdol in nato se dotaknite možnosti Datoteke.

  3. Dotaknite se možnosti Naloži datoteke in izberite slikovno datoteko v računalniku.

  4. Na strani Datoteke poiščite naloženo datoteko in se dotaknite možnosti Kopiraj URL-naslov.

  5. V skrbniku Shopify se dotaknite Nastavitve > Aplikacije.

  6. Dotaknite se Order Printer, da odprete aplikacijo.

  7. Dotaknite se Upravljaj predloge.

  8. Dotaknite se imena predloge, ki jo želite urediti.

  9. Vnesite naslednji delček kode v predlogo, kamor želite prikazati logotip: <img src="your-image-URL">.

  10. Zamenjajte your-image-URL s kopiranim URL-naslovom slike. Glede na to, kje želite prikazati logotip, boste morda morali dodati oznako <br/>, da dodate prelom vrstice pred sliko ali po njej.

V kodi HTML bi to moralo biti videti tako:

Primer kode HTML

Primer: nastavite širino tabel na 100 %

Da bodo tabele imele obrobe in bodo razširjene na 100-odstotno širino, jim dodajte razred table-tabular:

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

Primer: prikažite slike izdelkov

Če želite vključiti slike izdelkov, vstavite to kodo v predlogo:

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

Dodajanje podrobnosti naročila

V predloge lahko dodate podrobnosti naročila, kot so ime, količina in strošek kupljenih kosov. Za dodajanje podrobnosti naročila v predlogo:

  1. V skrbniku Shopify pojdite v Aplikacije > Order Printer (podedovano).

  2. Kliknite Upravljaj predloge.

  3. Kliknite ime predloge, ki jo želite urediti.

  4. Uporabite spremenljivke Liquid, da dodate podrobnosti naročila, in HTML za dodajanje oblikovanja. Na primer {{ line_item.price | money }} natisne ceno kosa.

  5. Ko končate, kliknite Shrani.

Nyla na primer želi urediti predlogo dobavnice tako, da bo vključevala seznam kosov, ki se pošiljajo. Na dno predloge za Packing slip v aplikaciji Order Printer doda naslednjo kodo:

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

Zaradi tega Nylene dobavnice zdaj vključujejo tabelo, v kateri so navedeni kupljeni kosi.