On this page, ASA’s managed template “Flex_1” is used. It specializes in displaying many products in a flexible column layout. For this purpose it uses the modern CSS technology “Flexbox“. It is completely responsive.
Change the window size to see how it behaves at different resolutions:
-
19%$12.31 $9.99As of: 2017/10/16 12:45 pm *2
-
40%$19.98 $11.99As of: 2017/10/16 10:00 am *2
-
$44.87 $44.86As of: 2017/10/16 9:45 am *2
-
50%$119.98 $59.98As of: 2017/10/16 11:30 am *2
-
44%$26.99 $14.99As of: 2017/10/16 12:30 pm *2
-
36%$35.99 $22.99As of: 2017/10/16 10:30 am *2
-
10%$19.96 $17.96As of: 2017/10/16 10:30 am *2
-
43%$34.98 $19.99As of: 2017/10/16 10:30 am *2
-
$29.99 $29.96As of: 2017/10/16 10:30 am *2
-
45%$35.99 $19.97As of: 2017/10/16 10:30 am *2
Contents
Main features
Customization
On ASA 2’s admin page “Templates” you can customize the global customization options of the template “Flex_1“. These settings will effect every usage of this template if no dynamic shortcode options are set.
Shortcode options
In addition to the global customization option shown above, you can use the shortcode options to customize each individual usage of “Flex_1”.
This is the list of all available options for template “Flex_1”:
Option | Type | Values | Description |
---|---|---|---|
max_width | int | 0 between 9999 | Max width of the whole grid (in pixels) |
max_row_items | int | 1 between 99 | Max items per row. Influences the width of the items. The more, the narrower the items. |
background_color | string | CSS compatible color value, like hex values (#ff0000) or color names (red) | Background color |
hover_color | string | CSS compatible color value, like hex values (#ff0000) or color names (red) | Hover 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) |
link_target | string |
|
Link target |
show_title | bool | "yes" / "no" | Show title |
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 |
show_ratings | bool | "yes" / "no" | Show rating stars |
show_price | bool | "yes" / "no" | Show price |
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_button | bool | "yes" / "no" | Show button |
button_color | string | CSS compatible color value, like hex values (#ff0000) or color names (red) | Button color |
button_border_radius | int | 0 between 999 | Button border radius (in pixels, > 0 for rounded corners) |
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. |
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_shadow | bool | "yes" / "no" | Show savings shadow |
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 |
show_counter | bool | "yes" / "no" | Show counter |
disclaimer | string |
|
Disclaimer |
Customization Examples
Changing border design and max columns to 4
1 |
[asa2_feed tpl="Flex_1" border_width="2" border_color="red" max_row_items="4"]Bestseller_Books_DE[/asa2_feed] |
-
Gregs Tagebuch 13 - Eiskalt erwischt!14,99 €Stand von: 2019/10/21 10:07 pm *2
-
BECOMING: Meine GeschichteEUR 26,00Stand von: 2019/02/02 6:45 pm *2
-
Der Insasse: Psychothriller (Limitierte Sonderausgabe)EUR 22,99Stand von: 2019/02/02 6:45 pm *2
-
Muttertag: Kriminalroman (Ein Bodenstein-Kirchhoff-Krimi, Band 9)EUR 22,00Stand von: 2019/02/02 6:45 pm *2
-
Die Känguru-Apokryphen: 4 CDsEUR 9,29Stand von: 2019/02/02 6:45 pm *2
-
Abnehmen mit Brot und Kuchen: Die WölkchenbäckereiEUR 16,95Stand von: 2019/02/02 6:45 pm *2
-
Guinness World Records 2019: Deutschsprachige AusgabeEUR 19,99Stand von: 2019/02/02 6:45 pm *2
-
Becoming (English Edition)EUR 17,69Stand von: 2019/02/02 6:45 pm *2
-
CrispyRobs Meine Top 50 Rezepte: Schnelle und einfache Gerichte für Sandwichmake...EUR 16,00Stand von: 2019/02/02 6:45 pm *2
-
Kurze Antworten auf große FragenEUR 20,00Stand von: 2019/02/02 6:45 pm *2
Hiding price and title
1 |
[asa2_feed tpl="Flex_1" show_title="no" show_price="no"]bestseller_dvd_UK[/asa2_feed] |
1 |
[asa2_collection tpl="Flex_1" button_color="green" button_color_hover="lightgreen" button_border_radius="0"]my_collection[/asa2_collection] |
-
Vitesse Swift Unisex Road Bike White, 21.8" inch steel frame, 21 speed ligh...Not availableAs of: 2019/02/02 5:45 pm *2
-
Dawes Espoir 26 Inch Junior Road BikeNot availableAs of: 2019/02/02 6:30 pm *2
-
Vilano Aluminium Road Bike 21 Speed£165.00 - £165.00As of: 2019/02/02 5:45 pm *2
-
Kingston Men's Hoxton Fixie BikeNot availableAs of: 2019/02/02 5:45 pm *2
-
Barracuda Corvus Gents 700c 14 Speed Road Racing Bike Cycle Red Limited Edition£169.99 - £169.99As of: 2019/02/02 6:30 pm *2
-
Kingston Women's Mayfair City Bike£259.97 - £260.34As of: 2019/02/02 5:45 pm *2
-
Barracuda Corvus 2 Womens' Road Bike Black/Green, 21" inch alloy frame...Not availableAs of: 2019/02/02 6:30 pm *2
-
Vilano Rampage Fixed Gear Fixie Single Speed Road BikeNot availableAs of: 2019/02/02 5:45 pm *2
-
Vitesse Sprint Unisex Road Bike Blue, 22.5" inch alloy frame, 21 speed Shim...Not availableAs of: 2019/02/02 6:30 pm *2
-
Muddyfox Mens Tempo200 Hybrid Bike Tech Spec Bicycle LightweightNot availableAs of: 2018/01/18 10:45 am *2