Pagalba
Prisijungti

„Order Printer“ šablonų tinkinimas

Savo „Shopify“ administratoriaus skydelyje galite sukurti ir tinkinti iki 15 „Order Printer“ programėlės šablonų. Pagal numatytuosius nustatymus „Order Printer“ programėlėje yra du šablonai:

  • Sąskaita faktūra – tai pagrindinė sąskaita faktūra, kurią galite siųsti klientui.
  • Pakuotės lapelis – tai spaudinys su jūsų parduotuvės adresu ir kliento pristatymo adresu.

Šiame puslapyje

Naujo „Order Printer“ šablono kūrimas

Norint sukurti naują „Order Printer“ šabloną, reikia išmanyti HTML, CSS ir „Liquid“. „Shopify“ temų pagalbos tarnyba gali padėti atlikti nedidelius nemokamų „Shopify“ temų pakeitimus, neperžengiant „Shopify“ dizaino politikos ribų. Jei reikia sudėtingesnių pakeitimų arba naudojate ne „Shopify“ sukurtą temą, apsvarstykite galimybę įdarbinti „Shopify“ partnerį.

Veiksmai:

  1. „Shopify“ administratoriaus skydelyje eikite į Programėlės > Order Printer (legacy).

  2. Spustelėkite Tvarkyti šablonus.

  3. Spustelėkite Pridėti šabloną.

  4. Lauke Pavadinimas įveskite naujo šablono pavadinimą.

  5. Lauke Kodas pridėkite HTML, CSS arba „Liquid“ kodą, kad sukurtumėte šabloną.

  6. Baigę spustelėkite Išsaugoti.

„Order Printer“ šablono redagavimas

Norint redaguoti „Order Printer“ šablonus, reikia išmanyti HTML, CSS ir „Liquid“. „Shopify“ temų pagalbos tarnyba negali jūsų prašymu atlikti didelių šablonų pakeitimų, bet gali padėti atlikti nedidelius nemokamų „Shopify“ temų pakeitimus, neperžengiant „Shopify“ dizaino politikos ribų. Jei reikia sudėtingesnių pakeitimų, apsvarstykite galimybę įdarbinti „Shopify“ partnerį.

Veiksmai:

  1. „Shopify“ administratoriaus skydelyje eikite į Programėlės > Order Printer (legacy).

  2. Spustelėkite Tvarkyti šablonus.

  3. Spustelėkite šablono, kurį norite redaguoti, pavadinimą.

  4. Atlikite šablono pakeitimus, pridėdami arba redaguodami HTML, CSS arba „Liquid“ kodą lauke Kodas. Šablonų tinkinimo pavyzdžių rasite skiltyje Šablonų tinkinimo pavyzdžiai.

  5. Baigę spustelėkite Išsaugoti.

Šablonų tinkinimo pavyzdžiai

Toliau pateiktuose pavyzdžiuose paaiškinami keli įprasti „Order Printer“ šablonų tinkinimo būdai:

Stalinis kompiuteris

  1. „Shopify“ administratoriaus skydelyje eikite į Turinys > Failai.

  2. Spustelėkite Įkelti failus ir pasirinkite vaizdo failą savo kompiuteryje.

  3. Puslapyje Failai raskite įkeltą failą ir spustelėkite Kopijuoti URL.

  4. „Shopify“ administratoriaus skydelyje spustelėkite Nustatymai > Programėlės.

  5. Spustelėkite Order Printer, kad atidarytumėte programėlę.

  6. Spustelėkite Tvarkyti šablonus.

  7. Spustelėkite šablono, kurį norite redaguoti, pavadinimą.

  8. Įveskite šį kodo fragmentą į savo šabloną toje vietoje, kurioje norite, kad būtų rodomas jūsų logotipas: <img src="your-image-URL">.

  9. Pakeiskite your-image-URL nukopijuotu vaizdo URL. Atsižvelgiant į tai, kurioje vietoje norite, kad būtų rodomas jūsų logotipas, gali reikėti pridėti <br/> žymą, kad prieš vaizdą arba po jo būtų pridėta eilutės pabaiga.

Mobilusis įrenginys

  1. Programėlėje Shopify app bakstelėkite Menu piktogramą.

  2. Meniu Turinys bakstelėkite piktogramą rodyklė žemyn, tada bakstelėkite Failai.

  3. Bakstelėkite Įkelti failus ir pasirinkite vaizdo failą savo įrenginyje.

  4. Puslapyje Failai raskite įkeltą failą ir bakstelėkite Kopijuoti URL.

  5. „Shopify“ administratoriaus skydelyje bakstelėkite Nustatymai > Programėlės.

  6. Bakstelėkite Order Printer, kad atidarytumėte programėlę.

  7. Bakstelėkite Tvarkyti šablonus.

  8. Bakstelėkite šablono, kurį norite redaguoti, pavadinimą.

  9. Įveskite šį kodo fragmentą į savo šabloną toje vietoje, kurioje norite, kad būtų rodomas jūsų logotipas: <img src="your-image-URL">.

  10. Pakeiskite your-image-URL nukopijuotu vaizdo URL. Atsižvelgiant į tai, kurioje vietoje norite, kad būtų rodomas jūsų logotipas, gali reikėti pridėti <br/> žymą, kad prieš vaizdą arba po jo būtų pridėta eilutės pabaiga.

HTML kode tai turėtų atrodyti taip:

HTML kodo pavyzdys

Pavyzdys: lentelių pločio nustatymas į 100 %

Kad jūsų lentelės turėtų kraštines ir išsitemptų iki 100 % pločio, pridėkite prie lentelės table-tabular klasę:

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

Pavyzdys: produktų miniatiūrų rodymas

Kad įtrauktumėte produktų miniatiūras, įterpkite šį kodą į savo šabloną:

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

Užsakymo informacijos pridėjimas

Prie šablonų galite pridėti užsakymo informaciją, pavyzdžiui, įsigytų daiktų pavadinimą, kiekį ir kainą. Norėdami pridėti užsakymo informaciją prie šablono:

  1. „Shopify“ administratoriaus skydelyje eikite į Programėlės > Order Printer (legacy).

  2. Spustelėkite Tvarkyti šablonus.

  3. Spustelėkite šablono, kurį norite redaguoti, pavadinimą.

  4. Naudokite „Liquid“ kintamuosius, kad pridėtumėte užsakymo informaciją, ir HTML, kad pridėtumėte formatavimą. Pavyzdžiui, {{ line_item.price | money }} išspausdina daikto kainą.

  5. Baigę spustelėkite Išsaugoti.

Pavyzdžiui, Nyla nori redaguoti savo pakuotės lapelio šabloną, kad įtrauktų siunčiamų prekių sąrašą. Ji prideda toliau pateiktą kodą į savo „Order Printer“ programėlės šablono „Pakuotės lapelis“ apačią:

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

Dėl to Nylos pakuotės lapeliuose dabar yra lentelė, kurioje pateikiamas nupirktų prekių sąrašas.