MyCashflow blogi

Kirjoitukset aiheesta template-tiedostot

Kuitin ja muiden dokumenttien muokkaaminen

Kuitti on yksi harvoja nettikaupan fyysisiä kosketuspintoja asiakkaaseen paketin ja varsinaisen tuotteen lisäksi. Ensisijaisesti kuitti on dokumentti, joka tekee kaupasta virallisen, mutta sitä voi hyödyntää markkinoinnissa. Esimerkiksi laadukas paperi ja tyylikäs ilme auttaa brändin rakennuksessa tai ostaneita asiakkaita voi houkutella tilaamaan lisää tarjoamalla alennuskoodia kuitissa. Luonnollisesti kuitti on vain yksityiskohta koko asiakaskokemuksessa eikä hienoinkaan kuitti pelasta mielipahalta, jos tuote on rikkoontunut postissa. Kuitenkin yksityiskohdat tekevät kokonaisuuden ja esimerkin tilanteeseen on omat ratkaisunsa, mm. laadukkaat pakkaustarvikkeet sekä asianmukaiset palautuslomakkeet ja -ohjeet.

MyCashflowssa dokumentit, kuten kuitit, lähetyslistat, laskut ja pakettien osoitekortit luodaan samalla Interface merkkauksella kuin verkkokaupan varsinainen ulkoasu. Dokumenttien sivupohjat toimivat muuten samaan tapaan kuin muut MyCashflow teeman näkymät, mutta sisältö tarjotaan selaimeen PDF-muodossa. MyCashflow muuttaa standardin (X)HTML/CSS-koodin oikein muotoilluksi PDF-tiedostoksi. PDF:n etuina HTML-muotoiseen kuittiin ovat mm. tarkempi asettelu (esim. sivun alatunnisteet), helpompi jaettavuus (esim. sähköpostitse) sekä varmuus siitä, että dokumentti näyttää aina samalta riippumatta millä selaimella sitä katsotaan. PDF myös näyttää aina tulostettuna samalta mitä ei voi sanoa HTML-sivuista.

Kuittia voit muokata teeman receipt.html-, laskua invoice.html- ja lähetyslistaadispatchnote.html-tiedostoa muokkaamalla. Jos sivupohjia ei löydy valmiina teemastasi, niin voit hakea oletus-tiedostot oman kauppasi /templates/ osoitteen alta:

Lähetyslistan dispatchnote.html tiedosto on hyvä pohja omalle muokkaukselle, koska siinä tuotteiden listaus on toteutettu helper-tiedostoa käyttämällä (dispatchnotehelper.html). Helper-tiedostoa käyttäen voit muokata tuotetaulukon sisällön mieleiseksi. Esimerkiksi voit tehdä helper-tiedoston, joka tulostaa erikseen verottoman ja verollisen hinnan sekä veron osuuden.

Uudet ladattavat teemat ja Interface-rajapinnan päivitykset

Tänä aamuna nakkasimme linjoille uusimmat ladattavat teemat, eli oletusulkoasun ja demokaupan ulkoasun. Teemojen näkyvät muutokset ovat kohtalaisen vähäisiä, mutta kehittäjän kannalta erittäin hyödyllisiä. Uudet Interface-komennot nimittäin helpottavat teemojen käyttöönottoa ja organisointia huomattavasti.

Theme, eli teeman nimi

Uusi {Theme} komento tulostaa aktiivisen teeman kansion nimen, joten uudet teemat saat käyttöösi, kun vain lataat tiedostot omaan kansioonsa kaupan alla ja aktivoit teeman.

Helper-komento, ei siis komennon attribuutti

Lisäksi tuliterä ja paljon toivottu {Helper(file:’header’)} komento on nyt täällä ja mikä apu se onkaan! Oheinen komento kutsuu teeman hakemistosta helper.html-tiedoston ja sisällyttää sen template-tiedostoon. Komennolla on vain attribuutti file ja se on pakollinen. Mikäli tiedostoa ei löydy tai attribuuttia ei ole annettu, komento ei palauta mitään.

Width- ja height-attribuutit kuvilla

Kuvia tulostavat Interface-komennot ovat saaneet laajalla rintamalla avukseen width- ja height-attribuutit, joten hallinnassa määritetyt kuvakoot eivät enää ole ainoat kokovaihtoehdot käytössäsi. Voit siis käyttää samaa kuvaa vaihtelevasti eri kokoisena, mikäli hallinnan kokovaihtoehdot loppuvat kesken. Attribuutteihin syötetään koko pikseleinä, ilman hipsukoita: {ProductImage(width:480,height:360)}. Tällä hetkellä attribuutteja tukevat seuraavat komennot:

  • Logo
  • ProductImage
  • ProductThumbnails
  • ProductListImage
  • CategoryImage

Oma 404-virheilmoitus nyt käytettävissäsi

Lisäsimme myös erittäin hyödyllisen valinnaisen template-tiedoston, 404.html:n. Tiedosto on juuri sitä mitä nimi antaa ymmärtää, eli tiedostoa käytetään, mikäli pyydettyä sivua ei kaupan alta löydy. Oheisten ladattavien teemojen 404-sivuille tulostetaan ilmoitus ja hakulomake, jolla haluamaansa sivua voi etsiä, mutta se ei suinkaan ole ainoa vaihtoehto, sillä tiedostossa toimivat samat komennot kuin kaupan yleisessä sivupohjassa.

Lataa uudet MyCashflow ulkoasuteemat: