Prints the product's main image.

Kuvaus

If you use image size attributes such as width, height or imagesize, the image will appear in the size specified by the attributes.

Syntaksi

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

Näkyvyys

Toimii näkyvyydessä: tuote

The required scope is always set in the following templates:

Templates
Single product template
Product images

An image can be printed on a product list directly in the list size by using the {ProductListImage} tag.

Attribuutit

imagesize:

Defines printed image's dimensions.

The used values are determined by the values of the ImageSizes element of the theme settings.

Allowed values: names of image sizes defined in the theme.xml file's ImageSizes element.

E.g. imagesize:'Large'

height:

Defines image height given in pixels.

Allowed values:integers.

width:

Defines image width given in pixels.

Allowed values:integers.

Defines whether the image should be surrounded by a link to the image file.

Allowed values:true/false. The default value is true.

Without the link, the image enlargement cannot be opened in a modal window.

after/before:

By using the after and before attributes you can define content that is output either after or before the tag's output.

Allowed values:HTML and Interface markup.

E.g.

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

If the tag does not produce any content, neither the content of the after and before attributes will be output.

escape:

Adds an escape character before quotation marks in the output.

The attribute makes it easier to process the tag-produced content when using JavaScript.

Allowed values:true/false. The default value is false.

or:

Defines alternative content that is displayed if the tag itself does not produce any content.

Allowed values:HTML and Interface markup.

E.g. or:'Sisältöä ei löytynyt.'