Image_Layout_1

The managed template “Image_Layout_1” 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_1 page

Example

Example shortcode:

[asa2_img img="3" size="LargeImage" width="500" height="375" show_title="yes" show_button="no" tpl="Image_Layout_1" country_code="UK"]B00T9OEYXM[/asa2_img]
Image_Layout_1 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_1 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_1"]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_1" country_code="UK"]B00T9OEYXM[/asa2_img]

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

Option Type Values Description
is_image_hover bool "yes" / "no" Use image hover effect
background_color string CSS compatible color value, like hex values (#ff0000) or color names (red) Background color
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