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 7,99
Steve Jobs
$20.83
Timex Unisex
$48.00
VTech Musical Rhymes Book
$13.46

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

BELLA Diamonds Collection 12-Cup Coffee Maker
Price: --
0 new0 used
As of: 2016/09/22 7:10 am
(* = affiliate link / image source: Amazon partner program)
Apple iPhone 4 Verizon Cellphone, 8GB, Black
Price: --
0 new0 used
As of: 2016/05/20 8:10 pm
(* = affiliate link / image source: Amazon partner program)
Bonavita BV1900TS 8-Cup Carafe Coffee Brewer, Stainless Steel
Price: $129.99
You save: $60.00 (32 %)
47 new from $116.9567 used from $78.29
As of: 2016/09/25 8:40 pm
(* = affiliate link / image source: Amazon partner program)
Apple iPhone 6s 64 GB (Space Gray)
Price: $814.00
You save: $385.99 (32 %)
29 new from $720.008 used from $638.00
As of: 2016/03/23 6:40 pm
(* = affiliate link / image source: Amazon partner program)
Hamilton Beach Single Serve Coffee Brewer
Price: $53.29
You save: $26.70 (33 %)
1 new from $53.2933 used from $42.63
As of: 2016/09/25 8:40 pm
(* = affiliate link / image source: Amazon partner program)
Me Before You: A Novel
Price: $28.95
1 new from $28.950 used
As of: 2016/09/25 8:20 pm
(* = affiliate link / image source: Amazon partner program)
Jurassic World [Blu-ray]
Price: $17.63
You save: $17.35 (50 %)
48 new from $5.6063 used from $3.35
As of: 2016/09/22 8:43 am
(* = affiliate link / image source: Amazon partner program)
Edith Stein - Aus der Tiefe leben: Ein Textbrevier (Topos Taschenbücher)
Price: EUR 9,95
67 new from EUR 9,955 used from EUR 8,79
As of: 2016/09/23 11:50 am
(* = affiliate link / image source: Amazon partner program)