On this page, ASA’s managed template “Columns_layout” is used. It is specialized for displaying multiple products in columns. It works perfectly with ASA 2 collections or smart collections. It is customizable in general and per shortcode.
Main features
- Specialized for rendering multiple products in columns
- Responsive design
- Adjustable columns count per screen width
- Customizable without programming skills
Example
This first example is built with the following shortcode:
[asa2_smart_collection cat_slug="demo-products" limit="4" tpl="Columns_layout" orderby="rand" /]
$9.99
(As of: 2017/10/16 2:45 pm -
Details)
$11.99
(As of: 2017/10/16 12:00 pm -
Details)
$59.98
(As of: 2017/10/16 1:30 pm -
Details)
$14.36
(As of: 2017/10/16 11:00 am -
Details)
Customization
On ASA 2’s admin page “Templates” you can customize the general options of template “Columns_layout“. 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 show 6 columns on large devices instead the generally configured amount, this shortcode would make the difference:
[asa2_smart_collection tpl="Columns_layout" cols_lg="6" cat_slug="demo-products" /]
$9.99
(As of: 2017/10/16 2:45 pm -
Details)
$11.99
(As of: 2017/10/16 12:00 pm -
Details)
$59.98
(As of: 2017/10/16 1:30 pm -
Details)
$14.36
(As of: 2017/10/16 11:00 am -
Details)
$10.17
(As of: 2017/10/16 2:45 pm -
Details)
$9.32
(As of: 2017/10/16 10:30 am -
Details)
$9.66
(As of: 2017/10/16 10:45 am -
Details)
$14.58
(As of: 2017/10/16 2:30 pm -
Details)
$10.79
(As of: 2017/10/16 11:00 am -
Details)
$7.39
(As of: 2017/10/16 11:30 am -
Details)
Or to render 2 columns on extra small devices instead of the generally configured amount, use option “cols_sm”:
[asa2_smart_collection tpl="Columns_layout" cols_xs="2" cat_slug="demo-products" /]
$9.99
(As of: 2017/10/16 2:45 pm -
Details)
$11.99
(As of: 2017/10/16 12:00 pm -
Details)
$59.98
(As of: 2017/10/16 1:30 pm -
Details)
$14.36
(As of: 2017/10/16 11:00 am -
Details)
$10.17
(As of: 2017/10/16 2:45 pm -
Details)
$9.32
(As of: 2017/10/16 10:30 am -
Details)
$9.66
(As of: 2017/10/16 10:45 am -
Details)
$14.58
(As of: 2017/10/16 2:30 pm -
Details)
$10.79
(As of: 2017/10/16 11:00 am -
Details)
$7.39
(As of: 2017/10/16 11:30 am -
Details)
Following you find a list of all available shortcode options for template “Columns_layout”:
item_tpl |
string |
custom text |
Name of the template to use for rendering the single items. |
cols_xs |
int |
1 between 99 |
Number of columns on extra small devices (Phones,
|
cols_sm |
int |
1 between 99 |
Number of columns on small devices (Tablets, ≥768px) |
cols_md |
int |
1 between 99 |
Number of columns on medium devices (Desktops, ≥992px) |
cols_lg |
int |
1 between 99 |
Number of columns on large devices (Desktops, ≥1200px) |
gap_xs |
int |
0 between 999 |
Columns gap in pixels on extra small devices (Phones,
|
gap_sm |
int |
0 between 999 |
Columns gap in pixels on small devices (Tablets, ≥768px) |
gap_md |
int |
0 between 999 |
Columns gap in pixels on medium devices (Desktops, ≥992px) |
gap_lg |
int |
0 between 999 |
Columns gap in pixels on large devices (Desktops, ≥1200px) |
custom_css |
int |
0 between 999 |
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. |
More examples
You can use any template to render the single items. Use option “item_tpl” to set a custom item template.
[asa2_smart_collection tpl="Columns_layout" orderby="rand" limit="6" item_tpl="Horizontal_box" border_width="4" image_size="medium" show_description="no" main_image_slideshow="no" /]
Price: £87.99 (As of: 2023/05/05 7:31 am -
Details)
0 new1 used from £87.99
(* = affiliate link / image source: Amazon partner program)
Preis: 26,03 € (Stand von: 2023/05/07 4:01 pm -
Details)
Sie sparen: 1,00 € (3%)
4 neu von 27,99 €15 gebraucht von 26,03 €
(* = Affiliate-Link / Bildquelle: Amazon-Partnerprogramm)
Preis: 14,87 € (Stand von: 2023/05/07 2:01 am -
Details)
1 neu von 15,99 €1 gebraucht von 14,87 €
(* = Affiliate-Link / Bildquelle: Amazon-Partnerprogramm)
Price: £39.99 (As of: 2023/05/05 1:30 am -
Details)
1 new from £39.990 used
(* = affiliate link / image source: Amazon partner program)
Price: £22.99 (As of: 2023/05/06 2:00 am -
Details)
1 new from £22.990 used
(* = affiliate link / image source: Amazon partner program)
Preis: 69,99 € (Stand von: 2023/05/05 1:30 am -
Details)
1 neu von 69,99 €0 gebraucht
(* = Affiliate-Link / Bildquelle: Amazon-Partnerprogramm)
Preis: 16,45 € (Stand von: 2023/05/06 5:30 am -
Details)
16 neu von 16,45 €18 gebraucht von 2,89 €
(* = Affiliate-Link / Bildquelle: Amazon-Partnerprogramm)
Price: $19.96 (As of: 2017/10/16 3:15 pm -
Details)
You save: $11.03
(* = affiliate link / image source: Amazon partner program)