Order Printer -mallien mukauttaminen

Shopify Adminissa voit luoda ja mukauttaa jopa 15 mallia Order Printer -sovellusta varten. Oletusarvoisesti Order Printer -sovellus sisältää kaksi mallia:

Lasku - peruslasku, jonka voit lähettää asiakkaalle
Pakkausluettelo - tuloste, jossa on kaupan osoite ja asiakkaan toimitusosoite

Tällä sivulla

Uuden Order Printer -mallin luominen

Uuden Order Printer -mallin luominen edellyttää, että olet perehtynyt HTML:ään, CSS:ään ja Liquidiin. Shopify-teematuki voi auttaa Shopifyn suunnittelukäytännön mukaisissa pienissä mukautuksissa.

Ohjeet:

Siirry Shopify Administa kohtaan Asetukset > Sovellukset ja myyntikanavat.
Avaa sovellus klikkaamalla Order Printer.
Klikkaa Hallinnoi malleja.
Klikkaa Lisää malli.
Syötä uuden mallisi nimi Nimi-kenttään.
Luo malli lisäämällä HTML-, CSS- tai Liquid-koodia koodi-kenttään.
Kun olet valmis, klikkaa Tallenna.

Order Printer -mallin muokkaaminen

Order Printer -malliesi muokkaaminen edellyttää, että olet perehtynyt HTML:ään, CSS:ään ja Liquidiin. Shopify-teematuki voi auttaa Shopifyn suunnittelukäytännön mukaisissa pienissä mukautuksissa.

Ohjeet:

Siirry Shopify Administa kohtaan Asetukset > Sovellukset ja myyntikanavat.
Avaa sovellus klikkaamalla Order Printer.
Klikkaa Hallinnoi malleja.
Klikkaa sen mallin nimeä, jota haluat muokata.
Tee muutoksia malliin lisäämällä tai muokkaamalla HTML-, CSS- tai Liquid-koodia Koodi-kentässä. Jos haluat esikatsella esimerkkejä mallien mukauttamisesta, tutustu kohtaan Esimerkkejä mallien mukauttamisesta.
Kun olet valmis, klikkaa Tallenna.

Esimerkkejä mallien mukauttamisesta

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

Esimerkki: Logon lisääminen Order Printer -malleihin

Tietokone

Siirry Shopify Administa kohtaan Sisältö > Tiedostot.
Valitse lataa tiedostot ja valitse kuvatiedosto tietokoneeltasi.
Etsi ladattu tiedosto Tiedostot-sivulta ja klikkaa Kopioi URL-osoite.
Valitse Shopify Adminissa Asetukset > Sovellukset ja myyntikanavat.
Avaa sovellus klikkaamalla Order Printer.
Klikkaa Hallinnoi malleja.
Klikkaa sen mallin nimeä, jota haluat muokata.
Syötä seuraava koodinpätkä mallissasi kohtaan, jossa haluat logosi näkyvän: <img src="your-image-URL">.
Korvaa your-image-URL kopioimallasi kuvan URL-osoitteella. Riippuen siitä, mihin haluat logosi sijoittaa, saatat joutua lisäämään <br/>-tunnisteen, jotta voit lisätä rivinvaihdon ennen kuvaa tai sen jälkeen.

iPhone

Napauta Shopify-sovelluksessa …-painiketta ja napauta sen jälkeen Asetukset.
Napauta Kaupan asetukset -osiossa valintaa Tiedostot.
Valitse Lataa tiedostot ja valitse kuvatiedosto tietokoneeltasi.
Etsi ladattu tiedosto Tiedostot-sivulta ja napauta Kopioi URL-osoite.
Napauta Shopify Adminissa Asetukset > Sovellukset ja myyntikanavat.
Avaa sovellus napauttamalla Order Printer.
Napauta Hallinnoi malleja.
Napauta sen mallin nimeä, jota haluat muokata.
Syötä seuraava koodinpätkä mallissasi kohtaan, jossa haluat logosi näkyvän: <img src="your-image-URL">.
Korvaa your-image-URL kopioimallasi URL-osoitteella. Riippuen siitä, mihin haluat logosi sijoittaa, saatat joutua lisäämään <br/>-tunnisteen, jotta voit lisätä rivinvaihdon ennen kuvaa tai sen jälkeen.

Android

Napauta Shopify-sovelluksessa …-painiketta ja napauta sen jälkeen Asetukset.
Napauta Kaupan asetukset -osiossa valintaa Tiedostot.
Valitse Lataa tiedostot ja valitse kuvatiedosto tietokoneeltasi.
Etsi ladattu tiedosto Tiedostot-sivulta ja napauta Kopioi URL-osoite.
Napauta Shopify Adminissa Asetukset > Sovellukset ja myyntikanavat.
Avaa sovellus napauttamalla Order Printer.
Napauta Hallinnoi malleja.
Napauta sen mallin nimeä, jota haluat muokata.
Syötä seuraava koodinpätkä mallissasi kohtaan, jossa haluat logosi näkyvän: <img src="your-image-URL">.
Korvaa your-image-URL kopioimallasi URL-osoitteella. Riippuen siitä, mihin haluat logosi sijoittaa, saatat joutua lisäämään <br/>-tunnisteen, jotta voit lisätä rivinvaihdon ennen kuvaa tai sen jälkeen.

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

Esimerkki: Taulukoiden leveyden asettaminen 100 %:iin

Jos haluat, että taulukoillasi on rajat ja että niiden leveys on 100 %, lisää taulukkoon table-tabular-luokka:

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

Esimerkki: Näytä tuotteen pikkukuvat

Jos haluat liittää tuotteeseen pikkukuvan, lisää malliisi tämä koodi:

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

Lisää tilaustiedot

Voit lisätä malleihin tilaustietoja, kuten ostettujen tuotteiden nimiä, määriä ja hintoja. Tilaustietojen lisääminen malliin:

Siirry Shopify Administa kohtaan Asetukset > Sovellukset ja myyntikanavat.
Avaa sovellus klikkaamalla Order Printer.
Klikkaa Hallinnoi malleja.
Klikkaa sen mallin nimeä, jota haluat muokata.
Käytä Liquid-muuttujia tilaustietojen ja HTML-koodia muotoilujen lisäämistä varten. Esimerkiksi {{ line_item.price | money }} tulostaa tuotteen hinnan.
Kun olet valmis, klikkaa Tallenna.

Jos Nyla haluaa esimerkiksi muokata pakkausluettelomallia niin, että se sisältää lähetettävät tuotteet, hän lisää Packing slip-mallin alaosaan Order Printer -sovelluksessa seuraavan koodin:

<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 jälkeen Nylan pakkausluetteloissa on taulukko, jossa ostetut tuotteet näkyvät.