Image_Layout_Polaroid

The managed template “Image_Layout_Polaroid” is a special template for the single image function of ASA 2.

Main features

  • Optimized for single image embedding
  • Customizable without programming skills

Demo page

To see this template in action with different examples, please refer to the demo page:

Image_Layout_Polaroid demo page

Example

Example shortcode:

[asa2_img tpl="Image_Layout_Polaroid"]B00UYNAGNY[/asa2]
Image_Layout_Polaroid example

Customization

On ASA 2’s admin page “Templates” you can open a customization context window for each managed template. Just hover the mouse cursor over a template row and click the link “Customize” to open it. These settings will effect the appearance of this template.

Image_Layout_Polaroid customization

Shortcode options

Besides the general customization settings, it is possible to overwrite these settings per shortcode.

For example, with option size you can select the image resolution:

[asa2_img img="6" size="TinyImage" tpl="Image_Layout_Polaroid"]B00T9OEYXM[/asa2_img]

With options width and height you can adjust to image dimensions to your need:

[asa2_img img="4" size="MediumImage" width="160" height="119" show_title="no" show_button="no" tpl="Image_Layout_Polaroid" country_code="UK"]B00T9OEYXM[/asa2_img]

Following you find a list of all available shortcode options for template “Image_Layout_Polaroid”:

Option Type Values Description
is_image_hover bool "yes" / "no" Use image hover effect (show price and ratings if available)
background_color string CSS compatible color value, like hex values (#ff0000) or color names (red) Background color
random_rotate bool "yes" / "no" Random rotation effect
hover_effect bool "yes" / "no" Scale effect on hover
border_color string CSS compatible color value, like hex values (#ff0000) or color names (red) Border color
border_width int 0 between 99 Border width (in pixels, 0 for no border)
border_radius int 0 between 99 Border radius (in pixels, > 0 for rounded corners)
img_link_to string
  • "shop" (Shop page)
  • "buy" (Buy page)
  • "nothing" (Nothing)
Image links to
title_link_to string
  • "shop" (Shop page)
  • "buy" (Buy page)
  • "nothing" (Nothing)
Title links to
title_color string CSS compatible color value, like hex values (#ff0000) or color names (red) Title color
title_font_css string custom text Title font style. Utilizes the CSS font property.
title_length int 0 between 999 Title max length. Limits the title to a maximum length of characters. 0 for unlimited
price_color string CSS compatible color value, like hex values (#ff0000) or color names (red) Price color
price_font_css string custom text Price font style. Utilizes the CSS font property.
button_target string
  • "shop" (Shop page)
  • "buy" (Buy page)
Button target
button_max_width int 0 between 999 Button max width in pixel. Default is 100%
disclaimer string
  • "none" (None)
  • "asterisk_only" (Asterisk in title link and button. No disclaimer text.)
Disclaimer