198,90 €
Bei Amazon ansehen (Stand von: 2020/11/23 7:15 pm - Details)
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.
Contents
Main features
Example
This first example is built with the following shortcode:
[asa2 tpl="Flat_box_horizontal"]B0793G9T6T[/asa2]
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.
For example, to use a custom button color, this shortcode would make the difference::
[asa2 tpl="Flat_box_horizontal" button_color="green" align="center"]B0793G9T6T[/asa2]
Example “savings_bg_color”
To set a custom background color to the savings ribbon, use option “savings_bg_color”::
[asa2 tpl="Flat_box_horizontal" savings_bg_color="red" button_color="red" align="center"]B0793G9T6T[/asa2]
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 |
|
Image links to |
| title_link_to_shop_page | string |
|
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 |
|
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 |
|
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 |
|
Box hover effect |
| disclaimer | string |
|
Disclaimer |
More examples
Show features and description text
[asa2 tpl="Flat_box_horizontal" show_features="yes" show_description="yes" align="center"]B0793G9T6T[/asa2]
- New speakers with improved sound, a new 10” HD screen and simple smart home setup—plus a new fabric design.
- 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.
- 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.
- 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.
Custom price font and long style savings ribbon text
[asa2 tpl="Flat_box_horizontal" savings_text_style="long" title_font_css="italic bold 18px/30px Verdana, sans-serif" align="center" country_code="UK"]B0793G9T6T[/asa2]
Using “price_font_css” for a custom price font style and “savings_bg_color” for a custom savings ribbon background color.
[asa2 tpl="Flat_box_horizontal" price_font_css="italic bold 18px/30px Georgia, serif" savings_bg_color="red" price_color="red" title_font_css="22px sans-serif" title_color="blue" align="center" country_code="UK"]B0793G9T6T[/asa2]
Custom savings font CSS
[asa2 tpl="Flat_box_horizontal" savings_font_css="italic bold 12px/30px Verdana, sans-serif" savings_text_style="long" align="center" country_code="UK" button_max_width="200px"]B0793G9T6T[/asa2]