Prints the product's main image.

Kuvaus

If you use image size attributes width, height, or imagesize, the product image will appear to the visitor as resized corresponding to the size specification of the attribute.

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

On product lists, it is possible to print the image in list size by using the {ProductListImage} tag.

Attribuutit

imagesize:

Defines printed image's dimensions.

The values to be used are determined based on the values of the theme settingsImageSizes element.

Allowed values: Names of image sizes defined in the ImageSizes element of the theme.xml file

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. Default value: true.

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

before/after:

With the before and after attributes, you can define content that is output before or after the content produced by the tag.

Allowed values: text that may contain HTML and Interface markup.

E.g.

  • before: '<p>This markup appears before the tag's own content.</p>'.
  • after: '<p>This appears after the tag's own content.</p>'

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

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: text that may contain HTML and Interface markup.

E.g. or:'Content not found.'