Tulostaa tuotekuvat pienessä esikatselukoossa.

Kuvaus

Jos tuotteella on vain yksi kuva, se voidaan jättää pois esikatselulistalta käyttämällä attribuuttia showall: false. Tällöin tuotteen ainoa kuva ei turhaan näy sekä pääkuvana että thumbnail-listalla.

Syntaksi

{ProductThumbnails(
    imagesize: string,
    width: string,
    height: string,
    showall: boolean,
    helper: string
)}

Näkyvyys

Toimii näkyvyydessä: tuote

Vaadittu näkyvyys on aina asetettu seuraavissa sivupohjissa:

Sivupohjat
Yksittäisen tuotteen sivupohja
Tuotekuvat

Tuotekuvien tulostaminen tuotekortilla

Tässä esimerkissä käydään läpi yksi mahdollinen tapa tulostaa tuotekuvat verkkokaupan tuotesivulla.

MyCashflow'n oletusteemassa tuotekuvat on tulostettu käyttämällä {ProductImages}-tagia, joka tulostaa tuotteen kaikki kuvat.

<div id="ProductImages">
    <figure class="main-image">
        {ProductImage}
        <figcaption>
            {ProductImageCaption}
        </figcaption>
    </figure>
    {ProductThumbnails}
</div>

Tuotteen pääkuva tulostetaan käyttämällä {ProductImage}-tagia.

Attribuutit

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'

height:

Määrittää kuvan korkeuden pikseleinä.

Sallitut arvot: kokonaisluvut

width:

Määrittää kuvan leveyden pikseleinä.

Sallitut arvot: kokonaisluvut

helper:

Määrittää yksittäisen listaelementin sisällön ja tulostusmuodon.

Sallitut arvot: Interface- ja HTML-merkkaus, joka määrittää tulostuksen merkkauksen ja sisällön.

helper-attribuuttia on mahdollista käyttää kahdella tavalla:

  • voit kirjoittaa halutun merkkauksen suoraan attribuutin arvoksi tai
  • voit antaa attribuutin arvoksi viittauksen tiedostoon, joka sisältää halutun merkkauksen.

    Anna viittaus suhteessa teeman juurihakemistoon.

Katso myös helper-attribuutin tarkemmat käyttöohjeet.

showall:

Arvolla false tämä attribuutti estää thumbnail-listan tulostamisen, jos tulostettavia kuvia on vain yksi.

Sallitut arvot: true/false. Oletusarvo false.

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.

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