Prints the product image attached to a variation.

Description

See also detailed instructions on how to implement product variations in a store theme.

To learn more about using product variations, see our user guide.

Syntax

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

Scope

Required scope: tuotevariaatio

The tag is used only in the {ProductVariations} tag's helper attribute.

Attribuutit

height:

Defines image height given in pixels.

Allowed values:integers

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'

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.

target:

Defines the address that the visitor is redirected to after clicking the image.

Allowed values:

'file'

Opens a new tab whose only content is the image file.

'browser'

Opens the image in the product image template, in which the pressed image has been set as the main image.

width:

Defines image width given in pixels.

Allowed values:integers

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:The 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:The HTML and Interface markup

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