Tulostaa viivakoodin tai QR-koodin skannattavana kuvana.

Kuvaus

Tagin avulla voit tulostaa verkkokaupan sivuille ja tilausdokumentteihin tuotteiden viivakoodeja kuvallisessa (viivakoodinlukijalla luettavassa) muodossa. Lisäksi voit käyttää tagia luomaan esim. skannattavia QR-koodeja mille tahansa verkkokaupan sivulle tai muuhun URL-osoitteeseen.

Syntaksi

{Barcode(
    type: string,
    value: string
)}

Näkyvyys

Toimii näkyvyydessä: globaali

Globaalin näkyvyyden tageja on mahdollista käyttää missä tahansa sivupohjassa ja minkä tahansa tagin sisällä.

Tuotteen viivakoodin tulostaminen

Alla olevissa esimerkeissä käydään läpi tuotteelle tallennetun viivakoodin tulostaminen käyttäen {ProductArticleNumber}-tagia ja {BarCode}-tagia.

Näin tulostat tuotteen EAN-koodin esimerkiksi tuotelappujen sivupohjaan:

{BarCode(
    before: '<img src="',
    type: 'ean',
    value: '{ProductArticleNumber}'
    after: '"/>'
)}

Seuraavan esimerkin avulla voit tulostaa tietyn tuotteen EAN-koodin missä tahansa teeman sivupohjassa:

{BarCode(
    before: '<img src="',
    type: 'ean',
    value: {{
        {Helper( product: 5, file: {{ {ProductArticleNumber} }} )}
    }}
    after: '"/>'
)}

Verkkosivun URL-osoitteen tulostaminen QR-koodina

Näin voit tulostaa tagin avulla skannattavan QR-koodi, joka ohjaa haluamaasi URL-osoitteeseen:

{BarCode(
    before: '<img src="',
    type: 'qr',
    value: 'https://www.example.com'
    after: '"/>'
)}

Näin tulostat vastaavan QR-koodin jollekin verkkokaupan sisäiselle sivulle käyttäen {LinkURL}-tagia:

{BarCode(
    before: '<img src="',
    type: 'qr',
    value: '{LinkURL(id: 5, type: 'infopage')}'
    after: '"/>'
)}

Attribuutit

type:

Määrittää tulostettavan viivakoodin tyypin.

Sallitut arvot:
  • code128
  • ean (value-attribuutissa määritetty viivakoodi määrittää, tulostaako tagi EAN13- vai EAN8-koodin)
  • qr
value:

Viivakoodi, jonka tagi tulostaa type-attribuutin määrittämässä muodossa. Tuotteen varastonhallinta-asetuksiinlle tallennetun viivakoodin voit tulostaa {ProductArticleNumber}-tagin avulla.

Sallitut arvot: viivakoodi merkkijonona (esim. 5711045411359)
after/before:

after- ja before-attribuuteilla voit määrittää sisällön, joka tulostuu ennen tagin tuottamaa sisältöä tai sen jälkeen.

Sallitut arvot: HTML- ja Interface-merkkaus.

Esim.:

  • before: '<p>Tämä merkkaus näkyy ennen tagin omaa sisältöä.</p>'
  • after: '<p>Tämä taas näkyy tagin oman sisällön jälkeen.</p>'

Mikäli tagi ei tuota mitään sisältöä, myöskään after- ja before-attribuuttien sisältö ei tulostu.

escape:

Asettaa tulostuvassa sisällössä pakomerkin ennen lainausmerkkejä.

Attribuutin tarkoitus on helpottaa tagin palauttaman sisällön käyttämistä JavaScriptin avulla.

Sallitut arvot: true/false. Oletusarvo false.

or:

Määrittää vaihtoehtoisen sisällön, joka näkyy mikäli tagi ei itse tuota mitään sisältöä.

Sallitut arvot: HTML- ja Interface-merkkaus.

Esim. or: 'Sisältöä ei löytynyt.'