Flat_box_horizontal

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

On this page, ASA’s managed template “Flat_box_horizontal” is used. 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
  • Adjustable via options without programming skills
  • Flat design

Example

This first example is built with the following shortcode:


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

Customization

On ASA 2’s admin page “Templates” you can customize the general options of template “Flat_box_horizontal“. 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 “button_color”

For example, to use a custom button color, this shortcode would make the difference::


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

Example “savings_bg_color”

To set a custom background color to the savings ribbon, use option “savings_bg_color”::


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

All available options:

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

Option Type Values Description
width string custom text Width, like 50% or 200px (Default: 100%)
background_color string CSS compatible color value, like hex values (#ff0000) or color names (red) Background color
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_shop_page string
  • "shop" (Shop page)
  • "buy" (Buy page)
  • "nothing" (Nothing)
Image links to
title_link_to_shop_page 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.
show_savings bool "yes" / "no" Show savings ribbon
savings_color string CSS compatible color value, like hex values (#ff0000) or color names (red) Savings ribbon font color
savings_bg_color string CSS compatible color value, like hex values (#ff0000) or color names (red) Savings ribbon background color
savings_font_css string custom text Savings ribbon font style. Utilizes the CSS font property.
savings_text_style string
  • "short" (Short version (percentage only))
  • "long" (Long version (percentage and text))
Savings text style
button_color string CSS compatible color value, like hex values (#ff0000) or color names (red) Button color
button_color_hover string CSS compatible color value, like hex values (#ff0000) or color names (red) Button color hover
button_font_css string custom text Button font style. Utilizes the CSS font property.
button_target string
  • "shop" (Shop page)
  • "buy" (Buy page)
Button target
button_max_width string custom text Button max width. CSS property value like "50%" or "250px".
hide_button bool "yes" / "no" Hide button
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)
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)
box_hover_effect string
  • "none" (None)
  • "scale" (Scale)
Box hover effect
disclaimer string
  • "none" (None)
  • "asterisk_only" (Asterisk in title link and button. No disclaimer text.)
  • "asterisk_and_text" (Asterisk in title link and button. Disclaimer text in each template.)
Disclaimer

More examples

Show features and description text


  • New speakers with improved sound, a new 10” HD screen and simple smart home setup—plus a new fabric design.
  • Ask Alexa to see lyrics and album art with Amazon Music. Stream content from Apple Music, Spotify and Audible with powerful stereo sound. Watch films and TV shows from Prime Video, or the news.
  • Call almost anyone hands-free including UK mobile and residential numbers (from UK only), other Echo devices and Skype. Link your Vodafone account to make and receive mobile calls. Make video calls to other Echo devices with a screen, the Alexa app or Skype. Instantly drop in on other rooms in your home or make an announcement to every room with a compatible Echo device.
  • Your new kitchen companion—watch recipes, set timers and add items to your shopping list.
  • Set up compatible Zigbee devices without the need for a separate hub. See your front-door camera stream with 2-way audio and notifications.
  • Echo Show is optimized for visibility across the room and can hear you even while music is playing. You can press the ‘microphone/camera off’ button to electronically disconnect the microphones and camera.
  • With tens of thousands of skills and counting, Alexa is always getting smarter. Skills are like apps and let you do more with Alexa.
  • Designed to protect your privacy. Echo Show is built with multiple layers of privacy protections and controls, including a Microphone/Camera Off button that electronically disconnects the microphones and camera.
×
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.

Custom price font and long style savings ribbon text


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

Using “price_font_css” for a custom price font style and “savings_bg_color” for a custom savings ribbon background color.


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

Custom savings font CSS


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