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.
Contents
Main features
Example
This first example is built with the following shortcode:
|
1 |
[asa2 tpl="Horizontal_box"]B01DFKBL68[/asa2] |
- 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
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.
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:
|
1 |
[asa2 tpl="Horizontal_box" border_color="red"]B006A2Q81M[/asa2] |
- FULL HD MIT 1080P - Die perfekte Webcam für Skype-Konferenzen oder zum Erstellen von YouTube-Videos, mit Videogesprächen und Videoaufnahmen in Full HD mit 1080p und 30 Bildern pro Sekunde für reibungslose, klare und detailreiche Bildwiedergabe
- HD-GLASOBJEKTIV UND AUTOFOKUS - Alle Aufnahmen sind immer gestochen scharf und flüssig dank des Full-HD-Glasobjektivs mit einem weiten 78-Grad-Sichtfeld und dem schnellen, präzisen Autofokus
- HD-BELICHTUNGSKORREKTUR - Automatische Anpassung an die jeweiligen Lichtverhältnisse und Feinabstimmung der Bildwiedergabe, damit jede Person optimal von der Kamera dargestellt wird, sogar in sehr hellen oder sehr dunklen Umgebungen
- ZWEI MIKROFONE FÜR STEREOKLANG - Natürlich klingende Soundausgabe aus jedem Winkel im Raum durch ein Mikrofon an jeder Seite der Kamera. So sind klar verständliche Gespräche in bester Klangqualität garantiert
- KOMPATIBILITÄT - Windows 10 oder höher, Windows 8, Windows 7, Mac OS 10.10 oder höher und Chrome OS. Funktioniert mit Skype, Google Hangouts, FaceTime für Mac, OBS und XSplit
Or to load a different image size than the generally configured, use option “image_size”:
|
1 |
[asa2 tpl="Horizontal_box" image_size="medium"]0744016312[/asa2] |
Following you find a list of all available shortcode options for template “Horizontal_box”:
| Option | Type | Values | Description |
|---|---|---|---|
| align | string |
|
Align |
| max_width | int | 0 between 9999 | Max width (used when align is not none) |
| image_size | string |
|
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 |
|
Image effect |
| amazon_logo | bool | "yes" / "no" | Show Amazon logo bottom right |
| disclaimer | string |
|
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 |
|
Box shadow effect |
| show_buy_button | bool | "yes" / "no" | Show buy button |
| button_target | string |
|
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
|
1 |
[asa2 tpl="Horizontal_box" border_color="#B31A1F" border_radius="5" main_image_slideshow="no" slideshow="yes" country_code="UK"]B01E3SNO1G[/asa2] |
- Comfortable and lightweight - only 308 grams
- High quality noise cancellation. Audio cable is 119.9 cm
- 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
|
1 |
[asa2 tpl="Horizontal_box" box_effect="4"]B00NQGP42Y[/asa2] |
- iPhone 6 ist nicht einfach nur größer - IT 'S Better In jeder Hinsicht.
- Eine 11,9 cm (4,7 Zoll) Retina HD Display.
- Eine neue, 8 MP iSight Kamera mit Fokus Pixel.
- Der Touch ID Fingerprint Identität Sensor.
- Schneller 4 G LTE und Wi-Fi-Konnektivität.
iPhone 6 ist nicht einfach nur größer - It 's Better In jeder Hinsicht. Länger und breiter, aber deutlich dünner. Leistungsstärker, aber unglaublich energieeffizient. Mit einer glatte Oberfläche aus Metall schließt nahtlos an das neue Retina-HD-Display an. Es eine durchgehende Form, in der Hardware und Software in perfekter, die Schaffung einer neuen Generation von iPhone, die nach allen Maßstäben besser ist.
Align right example
|
1 |
[asa2 tpl="Horizontal_box" align="right" background_color="#FFEDFC" border_radius="20" border_width="2" border_color="#CC33CC" country_code="DE"]B017HA5HBM[/asa2] |
- 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 !
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.