Vertical_box

Vertical_box example

The managed template “Vertical_box” has a narrow design optimized to use in column layouts, tables or sidebars. It is inspired by the “Text and Image” type of Amazon’s link builder.

Main features

  • Optimized for column layouts, tables or sidebars

  • Customizable without programming skills

Demo page

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

Carousel demo page

Example

Example shortcode:

[asa2 tpl="Vertical_box"]B00UYNAGNY[/asa2]

Global Options

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.

Note

The globally applied options can be dynamically overwritten via shortcode options.

The following screenshot illustrates the options window by means of the “Book” template:

Template customization

Shortcode Options

In addition to the global options mentioned above, it is also possible to overwrite these settings dynamically in a WordPress shortcode, like this:

// general syntax:
[asa2 option="value"]ASIN[/asa2]

Take a look at other examples.

Complete Options List

Complete list of all options available for the template “Vertical_box”:

Layout
OptionTypeValuesDescription
align string
  • "none" (None)
  • "left" (Left)
  • "center" (Center)
  • "right" (Right)
Align
Image
OptionTypeValuesDescription
image_effect string
  • "0" (None, no linking at all)
  • "lightbox" (Add lightbox tag and link to large version)
  • "imgpreview" (Image preview to large version on mouse hover)
  • "link_to_shoppage" (Image links to shop page)
Image effect
Title
OptionTypeValuesDescription
title_link_to_shop_page bool "yes" / "no" Title links to shop page
title_color string CSS compatible color value, like hex values (#ff0000) or color names (red) Title color. No default. The title will be displayed in the default text color of your page, if none is set here.
Price
OptionTypeValuesDescription
price_color string CSS compatible color value, like hex values (#ff0000) or color names (red) Price color. The color in which the price text is displayed.
show_price_disclaimer bool "yes" / "no" Show price disclaimer. "Details" link next to date of last update.
last_update_format string custom text Last item update date format. Used in price disclaimer. Supports PHP date function format. Example: d.m.Y H:i:s
Button
OptionTypeValuesDescription
button_target string
  • "shop" (Shop page)
  • "buy" (Buy page)
Button target. Decides whether the button should link to the product page or the buy page.
Misc
OptionTypeValuesDescription
disclaimer string
  • "none" (None)
  • "asterisk_and_text" (Asterisk in title link and button. Disclaimer text in each template.)
  • "asterisk_only" (Asterisk in title link and button. No disclaimer text.)
Disclaimer. Shows a disclaimer text.
custom_css string
  • "none" (None)
  • "asterisk_and_text" (Asterisk in title link and button. Disclaimer text in each template.)
  • "asterisk_only" (Asterisk in title link and button. No disclaimer text.)
Custom CSS. Custom CSS that is applied to all occurrences of this template on a page and is only included once in the source code.

Shortcode Options Examples

// to use a lightbox image effect instead of the globally configured imgpreview effect
[asa2 tpl="Vertical_box" image_effect="lightbox"]0744016312[/asa2]

// to change the title color
[asa2 tpl="Vertical_box" title_color="darkblue"]0744016312[/asa2]