Columns layout

On this page, ASA’s managed template “Columns_layout” is used. It is specialized for displaying multiple products in colums. 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:

Jurassic World
EUR 6,97
If I Can Dream
$10.63
Apple iPhone 6 16GB Factory Unlocked GSM Cell Phone - Space Grey
$384.99

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.

Columns_layout customization

 

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:

Or to render 2 columns on extra small devices instead of the generally configured amount, use option “cols_sm”:

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

Option Type Values Description
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, <768px)
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, <768px)
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)

More examples

Alesis Q49 USB MIDI Keyboard Controller mit 49 Tasten
Price: EUR 79,00
(As of: 2017/01/01 11:24 pm - Details
×
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on http://www.amazon.de/ at the time of purchase will apply to the purchase of this product.
)
You save: EUR 0,99 (1 %)
13 new from EUR 79,000 used
(* = affiliate link / image source: Amazon partner program)
Dein Yoga, dein Leben: Übungen, Meditationen, Rezepte
Price: EUR 19,99
(As of: 2017/01/02 6:26 pm - Details
×
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on http://www.amazon.de/ at the time of purchase will apply to the purchase of this product.
)
66 new from EUR 19,999 used from EUR 10,09
(* = affiliate link / image source: Amazon partner program)
Minions (Blu-ray + DVD + DIGITAL HD)
Price: $9.99
(As of: 2017/01/08 8:45 am - Details
×
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on http://www.amazon.com/ at the time of purchase will apply to the purchase of this product.
)
You save: $6.04 (38 %)
58 new from $4.1528 used from $3.98
(* = affiliate link / image source: Amazon partner program)
Jurassic World
Price: EUR 6,97
(As of: 2017/01/01 6:52 am - Details
×
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on http://www.amazon.de/ at the time of purchase will apply to the purchase of this product.
)
78 new from EUR 3,7812 used from EUR 4,59
(* = affiliate link / image source: Amazon partner program)
Nescafé Dolce Gusto Caffè Lungo, 3er Pack (48 Kapseln)
Price: EUR 14,37
(As of: 2017/01/01 11:24 pm - Details
×
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on http://www.amazon.de/ at the time of purchase will apply to the purchase of this product.
)
16 new from EUR 14,370 used
(* = affiliate link / image source: Amazon partner program)
Played in Space: The Best of Something Corporate
Price: $7.39
(As of: 2017/01/01 11:24 pm - Details
×
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on http://www.amazon.com/ at the time of purchase will apply to the purchase of this product.
)
32 new from $5.429 used from $2.28
(* = affiliate link / image source: Amazon partner program)
Anker 90cm mit Nylon umflochtenes verwicklungssicheres USB Lightning Kabel Ladekabel [Apple MFi Zertifiziert] für iPhone 6s / 6 / 6 Plus / 6s Plus, iPad Pro / Air 2 und weitere (Pink)
Price: EUR 9,99
(As of: 2017/01/08 6:55 pm - Details
×
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on http://www.amazon.de/ at the time of purchase will apply to the purchase of this product.
)
You save: EUR 10,00 (50 %)
1 new from EUR 9,990 used
(* = affiliate link / image source: Amazon partner program)
Lenovo Vibe K4 Note (Black, 16GB)
Price: INR 10,999.00
(As of: 2017/01/01 6:53 am - Details
×
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on http://www.amazon.in/ at the time of purchase will apply to the purchase of this product.
)
You save: INR 1,000.00 (8 %)
1 new from INR 10,999.003 used from INR 8,000.00
(* = affiliate link / image source: Amazon partner program)