Robust

Robust example

The managed template “Robust” is designed to work with any kind of product and any screen size. It comes with many options to customize its appearance without having to change the code.

Robust animation

Main features

  • Designed for use with different shops

  • General purpose template

  • Responsive design

  • Adjustable via options without programming skills

Demo page

To see this template in action with different examples, please refer to:

Carousel demo page

Example

Example shortcode:

[asa2 tpl="Robust"]B00EI7DPPI[/asa2]

Global Options

On ASA 2’s admin page “Templates” you can open a customization context window for each managed template. Just hover the mouse cursor over a template row and click the link “Customize” to open it. These settings will effect the appearance of this template.

Note

The globally applied options can be dynamically overwritten via shortcode options.

The following screenshot illustrates the options window by means of the “Book” template:

Template customization

Shortcode Options

In addition to the global options mentioned above, it is also possible to overwrite these settings dynamically in a WordPress shortcode, like this:

// general syntax:
[asa2 option="value"]ASIN[/asa2]

Take a look at other examples.

Complete Options List

Complete list of all options available for the template “Robust”:

Layout
OptionTypeValuesDescription
align string
  • "none" (None)
  • "left" (Left)
  • "center" (Center)
  • "right" (Right)
Align
max_width int 0 between 9999 Max width. Max width in pixels. Leave blank for 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.
Image
OptionTypeValuesDescription
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.
image_max_height int 0 between 9999 Image max height. Image max height in pixel
Title
OptionTypeValuesDescription
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.
title_font_css string custom text Title font style. Utilizes the CSS font property. Example: "15px arial, sans-serif;"
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.
hide_price bool "yes" / "no" Hide price(s)
price_font_css string custom text Price font style. Utilizes the CSS font property. Example: "15px arial, sans-serif;"
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_border_radius int 0 between 999 All buttons border radius. In pixels, > 0 for rounded corners.
button_font_css string custom text All buttons font style. Utilizes the CSS font property. Example: "15px arial, sans-serif;"
button_color string CSS compatible color value, like hex values (#ff0000) or color names (red) Buy button background color
button_color_hover string CSS compatible color value, like hex values (#ff0000) or color names (red) Buy button hover color
button_text_color string CSS compatible color value, like hex values (#ff0000) or color names (red) Buy button text color
more_info_button_color string CSS compatible color value, like hex values (#ff0000) or color names (red) More info button color
more_info_button_color_hover string CSS compatible color value, like hex values (#ff0000) or color names (red) More info button color hover
more_info_button_text_color string CSS compatible color value, like hex values (#ff0000) or color names (red) More info button text color
Ratings
OptionTypeValuesDescription
show_ratings bool "yes" / "no" Show rating stars
show_total_reviews bool "yes" / "no" Show number of total reviews
Savings
OptionTypeValuesDescription
show_savings bool "yes" / "no" Show savings text
savings_color string CSS compatible color value, like hex values (#ff0000) or color names (red) Savings text color
savings_font_css string custom text Savings text font style. Utilizes the CSS font property. Example: "15px arial, sans-serif;"
Misc
OptionTypeValuesDescription
disclaimer string
  • "none" (None)
  • "asterisk_only" (Asterisk in buy button)
Disclaimer. Shows an asterisk in buy button.
custom_css string
  • "none" (None)
  • "asterisk_only" (Asterisk in buy button)
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.

Shortcode Options Examples

These examples show how you can override the global layout settings using shortcode options.

// customize the title font and color
[asa2 id="76" title_font_css="24px arial, sans-serif;" title_color="purple" /]
Robust title customization
// customize background and button color
[asa2 id="76" background_color="#c0dfff" button_color="#244fca" /]
Robust color customization
// customize buy and more info button color
[asa2 id="76" button_color="#f35c11" more_info_button_color="orange" /]
Robust button customization