Horizontal box

On this page, you can see  template “Horizontal_box” in action which is one of ASA 2’s managed templates. It is designed to work with any kind of product. It comes with many options to customize its appearance without having to change the code.

Main features

  • General purpose template
  • Responsive design
  • Customizable without programming skills

Example

This first example is built with the following shortcode:

Price: £34.99
(As of: 2017/12/16 2:30 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.
)
You save: £15.00 (30 %)
1 new from £34.990 used
  • Amazon Echo Dot is a hands-free, voice-controlled device that uses Alexa to play music, control smart home devices, provide information, read the news, set alarms and more
  • Connects to speakers or headphones through Bluetooth or 3.5 mm stereo cable to play music from Amazon Music, Spotify and TuneIn. Play music simultaneously across multiple Echo devices and speakers connected via cable with multi-room music (Available for Amazon Music and TuneIn. Bluetooth not supported)
  • Call or message anyone hands-free who also has an Echo device or the Alexa App. Also, quickly connect to other Echo devices in your home using just your voice
  • Controls lights, switches, TVs, thermostats and more with compatible connected devices from WeMo, Philips Hue, Sony, Hive, Netatmo, Nest, tado° and others
  • Hears you from across the room with 7 microphones for far-field hands-free voice control, even in noisy environments or while playing music
  • Includes a built-in speaker so it can work on its own as a smart alarm clock in the bedroom, an assistant in the kitchen, or anywhere you might want a voice-controlled device
  • Always getting smarter - Alexa updates through the cloud automatically and is continually learning, adding new features and skills
(* = affiliate link / image source: Amazon partner program)

Customization

On ASA 2’s admin page “Templates” you can customize the general options of template “Horizontal_box“. These settings will effect every usage of this template. Click the link “Customize” to open the option panel.

Horizontal_box customization

Shortcode options

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

For example, to show a red “border_color” instead of the generally configured color, this shortcode would make the difference:

Or to load a different image size than the generally configured, use option “image_size”:

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

Option Type Values Description
align string
  • "none" (None)
  • "left" (Left)
  • "center" (Center)
  • "right" (Right)
Align
max_width int 0 between 9999 Max width (used when align is not none)
image_size string
  • "small" (Small)
  • "medium" (Medium)
  • "large" (Large)
Image size
image_max_width int 0 between 999 Image max width (in pixels, 0 - 999, 0 for none)
main_image_slideshow bool "yes" / "no" Show additional images as slideshow on main image
slideshow bool "yes" / "no" Show slideshow of additional images below description
slideshow_max int 0 between 999 Maximum slideshow items (0 = all)
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
amazon_logo bool "yes" / "no" Show Amazon logo bottom right
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
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)
border_color string CSS compatible color value, like hex values (#ff0000) or color names (red) Border color
box_effect string
  • "0" (None)
  • "1" (Raised box look)
  • "2" (Lifted corner look bottom left and right)
  • "3" (Lifted corner look bottom left)
  • "4" (Lifted corner look bottom right)
  • "5" (Lifted corners with increased angles)
  • "6" (Curved shadow at the bottom of the box)
  • "7" (Curved shadow at the top and bottom of the box)
  • "8" (Rounded shadows on either side of the box)
Box shadow effect
show_buy_button bool "yes" / "no" Show buy button
button_target string
  • "shop" (Shop page)
  • "buy" (Buy page)
Button target
background_color string CSS compatible color value, like hex values (#ff0000) or color names (red) Background color
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
title_font_size int 1 between 500 Title font size (in percent)
show_new_and_used_prices bool "yes" / "no" Show new and used prices
show_features bool "yes" / "no" Show product features (if available)
features_font_size int 1 between 100 Features font size (in percent)
features_length int 0 between 99 How many feature items to show before the "Show more" link (0 = no limit)
show_description bool "yes" / "no" Show product description (if available)
description_font_size int 1 between 100 Description font size (in percent)
description_length int 0 between 1000 Description length (in letters, 0 = no limit)
price_color string CSS compatible color value, like hex values (#ff0000) or color names (red) Price color
hide_price bool "yes" / "no" Hide price(s)
show_last_update bool "yes" / "no" Show date of last item update
last_update_format string custom text Last item update date format (supports format of PHP date function)
show_price_disclaimer bool "yes" / "no" Show price disclaimer ("Details" link next to date of last update)

More examples

Bose QuietComfort 35 Wireless Bluetooth Noise Cancelling Headphones - Black
Price: £279.00
(As of: 2017/12/16 3:30 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.
)
You save: £50.95 (15 %)
1 new from £279.000 used
  • Comfortable and lightweight - only 308 grams
  • High quality noise cancellation
  • Volume-optimised EQ for balanced audio performance at any volume
  • Wireless with easy Bluetooth and NFC pairing aided by voice prompts
  • 20 hours battery life per charge and up to 40 hours in wired mode

You wanted wireless QuietComfort® headphones. So we re-engineered them with Bluetooth® technology and our world-class noise cancellation that makes quiet sound quieter and music sound better. So you can just listen. With nothing in the way.You feel it at the flip of a switch — noise fades, and your music soars. That’s the power of our Acoustic Noise Cancelling technology, which continuously measures, compares and reacts to outside noise—then cancels them with the opposite signal.They say you can’t get long battery life from wireless headphones. We say, “Try ours”. Enjoy up to 20 hours of listening, enough time to pour through this entire playlist. And when it finally runs down, a quick 15-minute charge gives you another 2.5 hours.When you want to take your music anywhere, you need headphones built to keep up. With impact-resistant materials, glass-filled nylon and corrosion-resistant stainless steel, they’re engineered to survive life o

(* = affiliate link / image source: Amazon partner program)

Preis: --
(Stand von: 2017/12/16 3:30 pm - Details
×
Produktpreise und -verfügbarkeit sind zum angegebenen Datum / Uhrzeit korrekt und können sich ändern. Alle Preis- und Verfügbarkeitsinformationen auf https://www.amazon.de/ zum Zeitpunkt des Kaufs gelten für den Kauf dieses Produkts.
)
1 neu von EUR 396,006 gebraucht von EUR 249,99
(* = Affiliate-Link / Bildquelle: Amazon-Partnerprogramm)

Align right example

Berrisom - My Lip Tint Pack - Virgin Red - Lippenfarbe zum Abziehen - Lippenstift - Lipgloss - Make Up
Preis: EUR 11,99
(Stand von: 2016/11/02 1:00 am - Details
×
Produktpreise und -verfügbarkeit sind zum angegebenen Datum / Uhrzeit korrekt und können sich ändern. Alle Preis- und Verfügbarkeitsinformationen auf https://www.amazon.de/ zum Zeitpunkt des Kaufs gelten für den Kauf dieses Produkts.
)
2 neu von EUR 11,990 gebraucht
  • Berrisom My Lip Tint Pack spendet intensive Feuchtigkeit und eine sehr hohe Farbbrillanz
  • Ihre Lippen werden spürbar geschmeidig und erhalten eine starke und intensive Farbkraft
  • Zieht sehr schnell ein und hält überraschend lange auf den Lippen
  • Extrem Kussecht mit toller Farbpracht - Neuer Trendlook für 2016
  • Von Royal Wellness® für Euch entdeckt und importiert

Die gelartige Textur lässt sich wunderbar auf den Lippen verteilen und sobald dieser getrocknet ist, könnt Ihr die erste Schicht auf Euren Lippen abziehen. Darunter kommt eine matte Farbpracht zum Vorschein. Der Lip Tint besticht ganz besonders durch seinen perfekten und langen Halt. Dieses Lip Tint von Berrisom lässt Eure Lippen einfach perfekt und verführerisch aussehen. Hier kann nichts passieren - küssen ausdrücklich erlaubt. Praktisch für unterwegs, denn es passt in jede Handtasche. Inhalt: 1 x Stück - 15 g by Royal Wellness® / Be Beautiful - Be Royal !

(* = Affiliate-Link / Bildquelle: Amazon-Partnerprogramm)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.