Tulostaa variaatioon liitetyn tuotekuvan.

Syntaksi

{VariationImage(
    height: int,
    imagesize: string,
    link: boolean,
    target: string,
    width: int
)}

Näkyvyys

Toimii näkyvyydessä: tuotevariaatio

Tagia käytetään vain {ProductVariations}-tagin helper-attribuutissa.

Attribuutit

height:

Määrittää kuvan korkeuden pikseleinä.

Sallitut arvot: kokonaisluvut.

imagesize:

Määrittää kuvan tulostuskoon.

Käytettävät arvot määräytyvät teeman asetusten ImageSizes-elementin arvojen perusteella.

Sallitut arvot: theme.xml-tiedoston ImageSizes-elementissä määritettyjen kuvakokojen nimet

Esim. imagesize: 'Large'

Määrittää luodaanko kuvasta linkki kuvatiedostoon.

Sallitut arvot: true/false. Oletusarvo true.

Ilman linkkiä kuvasta ei ole mahdollista esittää modaali-ikkunassa avattavaa suurennosta.

target:

Määrittää osoitteen, johon kuvaa klikkaamalla siirrytään.

Sallitut arvot:

'file'

Pelkkä kuvatiedosto avataan uuteen välilehteen.

'browser'

Kuva avataan tuotekuvien sivupohjassa, jossa klikattu kuva on asetettu pääkuvaksi.

width:

Määrittää kuvan leveyden pikseleinä.

Sallitut arvot: kokonaisluvut.

before: / after:

Näillä kahdella attribuutilla voit määrittää sisällön, joka tulostuu ennen tagin tuottamaa sisältöä tai sen jälkeen.

Sallitut arvot: teksti, jossa voi olla HTML- ja Interface-merkkausta.

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

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

escape:

Lisää tagin tulostamaan sisältöön pakomerkit, jotta sisältöä on helpompi käyttää JavaScript-koodissa tai JSON-objekteissa.

Sallitut arvot:
  • true: attribuutti lisää pakomerkit ennen lainausmerkkejä
  • false: attribuutti ei tee mitään
  • json: attribuutti lisää tulostukseen pakomerkit, joiden avulla sisältöä voi käyttää JSON-merkkauksessa.
or:

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

Sallitut arvot: teksti, jossa voi olla HTML- ja Interface-merkkausta.

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