Ohje
Kirjaudu sisään

Order Printer -mallien mukauttaminen

Voit luoda ja mukauttaa jopa 15 mallia Order Printer -sovellukselle Shopifyn ohjausnäkymässä. Oletusarvoisesti Order Printer -sovellus sisältää kaksi mallia:

  • Lasku – peruslasku, jonka voit lähettää asiakkaalle
  • Pakkausluettelo – tuloste, jossa on kauppasi osoite ja asiakkaasi toimitusosoite

Tällä sivulla

Uuden Order Printer -mallin luominen

Uuden Order Printer -mallin luominen edellyttää HTML:n, CSS:n ja Liquidin tuntemusta. Shopify-teematuki saattaa pystyä auttamaan ilmaisten Shopify-teemojen pienissä muutoksissa Shopifyn suunnittelukäytännön puitteissa. Jos tarvitset monimutkaisempia muutoksia tai käytät teemaa, joka ei ole Shopifyn tekemä, harkitse Shopify-kumppanin palkkaamista.

Vaiheet:

  1. Siirry Shopifyn ohjausnäkymässä kohtaan Sovellukset > Order Printer (legacy).

  2. Klikkaa Hallinnoi malleja.

  3. Klikkaa Lisää malli.

  4. Anna uudelle mallille nimi Nimi-kenttään.

  5. Luo malli lisäämällä HTML-, CSS- tai Liquid-koodia Koodi-kenttään.

  6. Kun olet valmis, klikkaa Tallenna.

Order Printer -mallin muokkaaminen

Order Printer -malliesi muokkaaminen edellyttää HTML:n, CSS:n ja Liquidin tuntemusta. Shopify-teematuki ei voi muokata malleja laajasti puolestasi, mutta saattaa pystyä auttamaan ilmaisten Shopify-teemojen pienissä muutoksissa Shopifyn suunnittelukäytännön puitteissa. Harkitse monimutkaisempia muutoksia varten Shopify-kumppanin palkkaamista.

Vaiheet:

  1. Siirry Shopifyn ohjausnäkymässä kohtaan Sovellukset > Order Printer (legacy).

  2. Klikkaa Hallinnoi malleja.

  3. Klikkaa sen mallin nimeä, jota haluat muokata.

  4. Tee muutokset malliin lisäämällä tai muokkaamalla HTML-, CSS- tai Liquid-koodia Koodi-kentässä. Jos haluat esikatsella esimerkkejä mallien mukauttamisesta, katso kohta Esimerkkejä mallien mukauttamisesta.

  5. Kun olet valmis, klikkaa Tallenna.

Esimerkkejä mallien mukauttamisesta

Seuraavissa esimerkeissä selitetään joitakin yleisiä tapoja mukauttaa Order Printer -malleja:

Tietokone

  1. Siirry Shopifyn ohjausnäkymässä kohtaan Sisältö > Tiedostot.

  2. Klikkaa Lataa tiedostoja ja valitse kuvatiedosto tietokoneeltasi.

  3. Etsi ladattu tiedosto Tiedostot-sivulta ja klikkaa Kopioi URL.

  4. Klikkaa Shopifyn ohjausnäkymässä Asetukset > Sovellukset.

  5. Avaa sovellus klikkaamalla Order Printer.

  6. Klikkaa Hallinnoi malleja.

  7. Klikkaa sen mallin nimeä, jota haluat muokata.

  8. Syötä seuraava koodinpätkä malliisi kohtaan, jossa haluat logon näkyvän: <img src="oma-kuvan-URL">.

  9. Korvaa oma-kuvan-URL kopioimallasi kuvan URL-osoitteella. Riippuen siitä, missä haluat logosi näkyvän, sinun on ehkä lisättävä <br/>-tunniste, jotta voit lisätä rivinvaihdon kuvan eteen tai jälkeen.

Mobiili

  1. Napauta Shopify-sovelluksessa Menu ‑kuvaketta.

  2. Napauta Sisältö-valikossa nuoli alas-kuvaketta ja napauta sitten Tiedostot.

  3. Napauta Lataa tiedostoja ja valitse kuvatiedosto tietokoneeltasi.

  4. Etsi ladattu tiedosto Tiedostot-sivulta ja napauta Kopioi URL.

  5. Napauta Shopifyn ohjausnäkymässä Asetukset > Sovellukset.

  6. Avaa sovellus napauttamalla Order Printer.

  7. Napauta Hallinnoi malleja.

  8. Napauta sen mallin nimeä, jota haluat muokata.

  9. Syötä seuraava koodinpätkä malliisi kohtaan, jossa haluat logon näkyvän: <img src="oma-kuvan-URL">.

  10. Korvaa oma-kuvan-URL kopioimallasi kuvan URL-osoitteella. Riippuen siitä, missä haluat logosi näkyvän, sinun on ehkä lisättävä <br/>-tunniste, jotta voit lisätä rivinvaihdon kuvan eteen tai jälkeen.

Sen pitäisi näyttää HTML:ssä tältä:

Esimerkki HTML-koodista

Esimerkki: taulukoiden leveyden asettaminen 100 prosenttiin

Jos haluat lisätä taulukoihin reunat ja venyttää niiden leveyden 100 prosenttiin, lisää table-tabular-luokka taulukkoon:

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

Esimerkki: tuotteen pikkukuvien näyttäminen

Jos haluat sisällyttää mukaan tuotteiden pikkukuvia, lisää tämä koodi malliisi:

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

Tilaustietojen lisääminen

Voit lisätä malleihisi tilaustietoja, kuten ostettujen tuotteiden nimen, määrän ja kulut. Voit lisätä tilaustietoja malliisi seuraavasti:

  1. Siirry Shopifyn ohjausnäkymässä kohtaan Sovellukset > Order Printer (legacy).

  2. Klikkaa Hallinnoi malleja.

  3. Klikkaa sen mallin nimeä, jota haluat muokata.

  4. Käytä liquid-muuttujia tilaustietojen lisäämiseen ja HTML:ää muotoiluun. Esimerkiksi {{ line_item.price | money }} tulostaa tuotteen hinnan.

  5. Kun olet valmis, klikkaa Tallenna.

Esimerkiksi Nyla haluaa muokata pakkausluettelomalliaan niin, että se sisältää luettelon lähetettävistä tuotteista. Hän lisää seuraavan koodin Order Printer -sovelluksen Pakkausluettelo-mallin loppuun:

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

Tämän seurauksena Nylan pakkausluettelot sisältävät nyt taulukon, jossa luetellaan ostetut tuotteet.