Vertical box

On this page, the ASA 2 managed template “Vertical_box” is used. This template 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.

Example

This first example is built with the following shortcode:

[asa2 tpl="Vertical_box"]B00WHZ6WOO[/asa2]
LEGO Star Wars Poe's X-Wing Fighter 75102 Building Kit
LEGO Star Wars Poe's X-Wi... *
£198.00
(As of: 2021/05/25 10:15 pm - Details
×
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on https://www.amazon.co.uk/ at the time of purchase will apply to the purchase of this product.
)

Main features

  • Optimized for column layouts, tables or sidebars
  • Customizable without programming skills

Customization

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

Shortcode options

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

For example, to use a lightbox image effect instead of the globally configured imgpreview effect, this shortcode would make the difference:

[asa2 tpl="Vertical_box" image_effect="lightbox"]0744016312[/asa2]
Fallout 4 Vault Dweller's Survival Guide
Fallout 4 Vault Dweller's... *
--
(As of: 2021/05/25 10:15 pm - Details
×
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on https://www.amazon.co.uk/ at the time of purchase will apply to the purchase of this product.
)

Or to change the title color, use option “title_color”:

[asa2 tpl="Vertical_box" title_color="darkblue"]0744016312[/asa2]
Fallout 4 Vault Dweller's Survival Guide
Fallout 4 Vault Dweller's... *
--
(As of: 2021/05/25 10:15 pm - Details
×
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on https://www.amazon.co.uk/ at the time of purchase will apply to the purchase of this product.
)

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

More examples

[asa2 tpl="Vertical_box" button_target="shop" country_code="UK"]B006A2Q81M[/asa2]
Logitech C920 HD Pro USB 1080p Webcam - Black
Logitech C920 HD Pro USB 1080p... *
£76.16
(As of: 2021/05/26 11:15 am - Details
×
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on https://www.amazon.co.uk/ at the time of purchase will apply to the purchase of this product.
)
View on Amazon *
[asa2 tpl="Vertical_box" title_link_to_shop_page="no" title_color="red" button_target="buy"]B00CLS39UM[/asa2]
Star Wars "Who's Your Daddy"? Father's Day Coffee Mug Collectible Novelty 11 Oz Nice Valentine Inspirational and Motivational Souvenir
Star Wars "Who's You... *
£11.75
(As of: 2021/05/26 6:15 am - Details
×
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on https://www.amazon.co.uk/ at the time of purchase will apply to the purchase of this product.
)
[asa2 tpl="Vertical_box" title_color="blue"]B000YDDF6O[/asa2]
Baby Einstein - Take Along Tunes
Baby Einstein - Take Along Tun... *
£9.99
(As of: 2021/05/26 6:15 am - Details
×
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on https://www.amazon.co.uk/ at the time of purchase will apply to the purchase of this product.
)