Image_Layout_Polaroid

Nikon D3400 + AF-P 18-55VR Digital SLR Camera & Lens Kit - Black
View on Amazon £397.99

More examples can be found on the demo page:

Single Image Demo Page

 

On this page, ASA’s managed template “Image_Layout_Polaroid” is used. It is a special template for the single image function of ASA2. It is customizable in general and per shortcode.

Main features

  • template for the single image function
  • Responsive design
  • Adjustable via options without programming skills

Example

This example show image number 3 of product with ASIN B00T9OEYXM and uses some shortcode options to change the layout on the fly:

Canon EOS 750D Digital SLR Camera with 18 - 55 mm Lens
View on Amazon £496.00
Canon EOS 750D Digital SLR Camera with 18 - 55 mm Lens

Customization

On ASA 2’s admin page “Templates” you can customize the general options of template “Image_Layout_Polaroid“. These settings will effect every usage of this template.

Shortcode options

Besides the general settings, it is possible to overwrite template options per shortcode.

Example “size”

With option “size” you can select the image resolution. Usually those sizes are:

  • SwatchImage
  • SmallImage
  • ThumbnailImage
  • TinyImage
  • MediumImage (Default)
  • LargeImage
  • HiResImage
Canon EOS 750D Digital SLR Camera with 18 - 55 mm Lens
View on Amazon £496.00

Example “width” and “height”

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

Canon EOS 750D Digital SLR Camera with 18 - 55 mm Lens
View on Amazon £496.00

All available options:

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

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