Tulostaa variaatioon liitetyn tuotekuvan.

Kuvaus

Tutustu tuotevariaatioiden käyttöohjeisiin.

Lue myös tarkemmat ohjeet tuotevariaatioiden toteuttamiseen verkkokaupan teemassa.

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-elementissä määriteltyjen arvojen perusteella.

Sallitut arvot: theme.xml-tiedoston ImageSizes-elementissä määriteltyjen 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.

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