Tulostettavien kuittien koodieditori

Voit mukauttaa tulostettavia kuitteja koodieditorilla Shopify-ylläpitäjässä. Koodieditorilla voit luoda edistyneempiä mukauttamisia HTML:n, CSS:n ja Liquidin avulla kuin visuaalisella editorilla.

Voit muuttaa tulostettavien kuittien kuittimallia ja osiomalleja. Kuitit-mallitiedostot ovat kaupassa tulostettavissa olevien kuittien tyyppejä. Osat ovat kuittien osia, kuten ylätunniste tai alatunniste. Osioita voidaan käyttää uudelleen useissa kuiteissa.

Tällä sivulla

Huomioitavaa kuittikoodieditorin käytössä

Huomioi seuraavat seikat ennen kuin käytät kuittien koodieditoria:

Voit käyttää koodieditoria vain Shopify-ylläpitäjässä tietokoneella.
Tekemäsi koodimuutokset koskevat kaikkia POS Pro -sijainteja. Voit kuitenkin lisätä ehtoja, joiden avulla voit näyttää tiettyjen sijaintien mukauttamiset. Lue lisää toiminnonkulkutunnisteiden käyttämisestä Liquidin kanssa.
Kun vaihdat koodieditoriin, et voi tehdä kuittimalliin mukauttamisia Shopify POS -sovelluksesta. Voit silti muuttaa tulostusasetuksia Shopify POS -sovelluksessa sijainneilta, joilla on POS Pro -toistuvan tilauksen sopimus.
Koodieditorin mukauttamiset koskevat vain POS Pro -sijainteja. Jos käytät koodieditoria ja sinulla on POS Lite -sijainteja, voit mukauttaa visuaalisella editorilla Lite-sijaintien alatunnistetta ja ylätunnistetta.
Kuittisi muodostavat tiedostot sisältävät Shopifyn Liquid-mallikieltä. Lue lisää Liquidin käyttämisestä.
Mallien muokkaaminen kuittikoodieditorissa edellyttää HTML-, CSS- ja Liquid-osaamista. Shopify-teematuki voi auttaa Shopifyn suunnittelukäytännön mukaisissa pienissä mukautuksissa.
Joitakin tulostettavien kuittien tyyppejä ei voi mukauttaa.
Koodieditori ei ole käytettävissä Italiassa olevissa sijainnissa.

Kuittityyppien yhteensopimattomuusnäkökohdat

Joitakin tulostettavien kuittien tyyppejä ei voi mukauttaa kuittien koodieditorissa. Kuittityypit, joilla ei ole mallia koodieditorissa, eivät ole yhteensopivia mukauttamiseen.

Voit mukauttaa seuraavia tulostettavien kuittien tyyppejä:

myyntikuitit
lahjakortin kuitit
lahjakuitit

Et voi mukauttaa seuraavia kuitteja:

palautuskuitit
vaihtokuitit

Lisäksi Italiassa olevien sijaintien kuittityyppejä ei voi mukauttaa.

Koodieditorin käyttäminen

Voit muokata mallejasi koodieditorilla.

Vaiheet:

Klikkaa Shopify adminissa Asetukset > Sovellukset ja myyntikanavat.
Klikkaa Sovellukset ja myyntikanavat -sivulla Point of sale.
Klikkaa Avaa myyntikanava.
Klikkaa Asetukset > Kuitin mukauttaminen.
Klikkaa Mukauta kuitteja.
Klikkaa ... > Muokkaa koodia.
Klikkaa Muokkaa koodia -valintaikkunassa Muokkaa koodia.

Mukautettujen tiedostojen käyttäminen kuittimallissa

Voit mukauttaa kuitteja lataamillasi tiedostoilla. Jos sinulla on mukautettuja kuvia, jotka haluat tulostaa kuitteihin, voit ladata ne Shopify-ylläpitäjään ja käyttää niitä mukautetuissa kuiteissa. Lue lisää tiedostojen latauksesta.

Vaiheet:

Klikkaa Shopify adminissa Asetukset > Sovellukset ja myyntikanavat.
Klikkaa Sovellukset ja myyntikanavat -sivulla Point of sale.
Klikkaa Avaa myyntikanava.
Klikkaa Asetukset > Kuitin mukauttaminen.
Klikkaa Mukauta kuitteja.
Klikkaa Sisältösivu.
Kopioi linkki kuittimallissa käytettävän tiedoston vierestä.
Sisällytä linkki malliin.

Kuittimallin palautus oletusarvoiseksi

Voit palauttaa kuittimallin oletusversioon koodieditorilla.

Vaiheet:

Klikkaa Shopify adminissa Asetukset > Sovellukset ja myyntikanavat.
Klikkaa Sovellukset ja myyntikanavat -sivulla Point of sale.
Klikkaa Avaa myyntikanava.
Klikkaa Asetukset > Kuitin mukauttaminen.
Klikkaa mallia, jonka haluat palauttaa.
Klikkaa palautuskuvaketta.
Vahvista klikkaamalla modaalisessa Palauta tiedosto oletusarvoiseksi -ikkunassa Palauta.

Kuittien koodieditorissa käytettävissä olevat Liquid-muuttujat

Voit mukauttaa tulostettavaa kuittimallia ja kuittityyppejä Liquidilla.

Seuraavat dataobjektit ovat käytettävissä kuittien koodieditorissa:

Kuvaus kuitin dataobjekteista
Objekti	Kuvaus
shop	Sisältää kaupan tiedot, kuten kaupan nimen.
location	Sisältää kauppapaikan tiedot, kuten osoitteen ja puhelinnumeron.
order	Sisältää tilaustiedot, kuten rivikohdat, alennukset, verot ja tapahtumatiedot.
gift_card	Käytettävissä vain mallissa `gift_card.liquid`. Sisältää lahjakorttitiedot, kuten saldon, aakkosnumeerisen koodin ja POS-sovelluksella skannattavissa olevan QR-koodin sisällön.

Kuittikoodieditorissa käytettävissä olevat Liquid-suodattimet

Voit tehdä muutoksia kuittimallien tietoihin liquid-suodattimilla. Voit esimerkiksi muuttaa valuutan muotoilua tai tietyn tekstin, kuten verokoodin, isoilla kirjaimilla kirjoittamista.

Jos haluat käyttää suodatinta, lisää pystyviiva | ja sitten suodatin liquid-koodin lohkon sisälle kaksinkertaisten kaarisulkeiden väliin {{ }}. Suodattimia voi käyttää vain liquid-koodin lohkoissa.

Seuraavassa esimerkissä suodatin muuttaa verokoodin pienistä kirjaimista isoihin kirjaimiin.

{{ tax_line.title | upcase }}

Esimerkkikoodilohkossa product on objekti, title on sen ominaisuus ja upcase on käytetty suodatin. Suodatin upcase muuttaa kohdan tax_line.title arvon isoin kirjaimin kirjoitettavaksi. Jos esimerkiksi kohdan tax_line.title arvo on Hst, suodatin upcase muuttaa arvon muotoon HST.

Saat lisätietoa Liquid-suodattimien käytöstä tutustumalla Shopify Themes Liquidin suodattimet-osioon.

Seuraavat suodattimet ovat käytettävissä kuittien koodieditorissa:

Kuittisuodattimien kuvaus
Ominaisuus	Kuvaus
t	Kääntää ennalta määritetyt merkinnät sijaintiisi määritetylle kielelle.
money	Muotoilee hinnan sijaintisi valuuttaan.
escape	Muuntaa erikoismerkit, kuten `<>`, `'` ja `&`, ohjausmerkeiksi HTML-koodissa.
barcode	Luo 1D-viivakoodin SVG:n.
qrcode	Luo 2D-viivakoodin SVG:n.

Esimerkki tulostettavan kuittimallin koodin mukauttamisesta

Voit lisätä ehdollisen viestin Liquidilla. Tämä toiminto on samankaltainen kuin yksittäiseen sijaintiin tallentaminen visuaalisella editorilla. Esimerkki: Yritykselläsi oli aluksi yksittäinen sijainti, ja nyt sillä on useita uusia sijainteja. Haluat korostaa alkuperäistä kauppaa tulostettavissa kuiteissa.

Voit lisätä mukautetun viestin header.liquid-malliin koodieditorin Osiot-kansiossa, ja Liquidin avulla voit näyttää viestin vain lippulaivasijainnille.

Seuraava koodi tarkistaa sijainnin nimen, tässä tapauksessa alkuperäisen sijainnin nimeltä ”Home”, ja näyttää viestin ”Welcome to our original store, opened in 1972.”, jos sijainti vastaa nimeä. Muista sijainneista tulostettavissa kuiteissa näkyy ”Welcome to our store.” -viesti sen sijaan.

{% if location.name == 'Home' %}
  Welcome to our original store, opened in 1972.
{% else %}
  Welcome to our store.
{% end %}