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:

If I Can Dream
$10.63
Black & Decker TR1278RM 2-Slice Toaster, Red
$18.48

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)
Native Instruments Maschine Studio schwarz
Price: EUR 975,00
(As of: 2017/01/03 4:00 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.
)
You save: EUR 24,00 (2 %)
13 new from EUR 975,001 used from EUR 854,25
(* = affiliate link / image source: Amazon partner program)
Nokia Lumia 635 (AT&T Go Phone) No Annual Contract
Price: $58.72
(As of: 2017/01/04 1:21 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.
)
18 new from $54.3423 used from $24.98
(* = affiliate link / image source: Amazon partner program)
Indiana Jones: The Complete Adventures [Blu-ray]
Price: $44.99
(As of: 2017/01/04 9:12 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.
)
28 new from $39.9610 used from $34.69
(* = affiliate link / image source: Amazon partner program)
Akai Professional Midimix Transportabler High-Performance USB MIDI Controller, Mixer für DAW, Ableton Live Lite
Price: EUR 89,00
(As of: 2017/01/08 6:00 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 %)
12 new from EUR 89,000 used
(* = affiliate link / image source: Amazon partner program)
KALDI Home Coffee Roaster Motorize Type Full Package Including Thermometer, Hopper, Probe Rod, Chaff Holder (Gas Burner Required)
Price: $422.63
(As of: 2017/01/04 9:12 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.
)
2 new from $422.630 used
(* = affiliate link / image source: Amazon partner program)
Timex Unisex
Price: $52.35
(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.com/ at the time of purchase will apply to the purchase of this product.
)
You save: $27.60 (35 %)
16 new from $52.353 used from $48.69
(* = affiliate link / image source: Amazon partner program)
Nespresso A+GCC1-US-BK-NE VertuoLine Evoluo Deluxe Coffee & Espresso Maker with Aeroccino Plus Milk Frother, Black
Price: $191.95
(As of: 2017/01/10 12:00 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.
)
You save: $107.05 (36 %)
21 new from $188.4016 used from $143.96
(* = affiliate link / image source: Amazon partner program)