Prints the product image attached to a variation.

Kuvaus

The tag works in a product variations list created with the {ProductVariations} tag.

See also the instructions on how to use product variations.

Also read the detailed instructions for implementing product variations in a store theme.

Syntaksi

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

Näkyvyys

Toimii näkyvyydessä: 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 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'

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.

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.

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