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:

Timex Unisex
$47.71

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

Price: $29.99 - $89.99
(As of: 2017/07/22 2:51 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.
)
0 new0 used
(* = affiliate link / image source: Amazon partner program)
LEGO Star Wars Death Star 75159
Price: $499.95
(As of: 2017/07/22 2:51 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: $0.04 ( %)
10 new from $499.940 used
(* = affiliate link / image source: Amazon partner program)
Amcrest IP2M-841 ProHD 1080P (1920TVL) Wireless WiFi IP Camera, Black
Price: $81.99
(As of: 2017/07/22 2:48 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: $28.00 (25 %)
8 new from $79.991 used from $79.99
(* = affiliate link / image source: Amazon partner program)
Juwel Filter Bioflow M
Preis: EUR 52,20
(Stand von: 2017/07/22 2:00 am - Details
×
Produktpreise und -verfügbarkeit sind zum angegebenen Datum / Uhrzeit korrekt und können sich ändern. Alle Preis- und Verfügbarkeitsinformationen auf http://www.amazon.de/ zum Zeitpunkt des Kaufs gelten für den Kauf dieses Produkts.
)
Sie sparen: EUR 42,80 (45 %)
9 neu von EUR 52,202 gebraucht von EUR 49,59
(* = Affiliate-Link / Bildquelle: Amazon-Partnerprogramm)
LEGO STAR WARS AT-ST Walker 75153
Price: $31.97
(As of: 2017/07/22 2:51 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: $8.02 (20 %)
85 new from $31.970 used
(* = 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)
Preis: EUR 9,99
(Stand von: 2017/07/22 2:00 am - Details
×
Produktpreise und -verfügbarkeit sind zum angegebenen Datum / Uhrzeit korrekt und können sich ändern. Alle Preis- und Verfügbarkeitsinformationen auf http://www.amazon.de/ zum Zeitpunkt des Kaufs gelten für den Kauf dieses Produkts.
)
1 neu von EUR 9,990 gebraucht
(* = Affiliate-Link / Bildquelle: Amazon-Partnerprogramm)
Samsung Galaxy S8 64GB GSM Unlocked Phone - International Version (Midnight Black)
Price: $649.99
(As of: 2017/07/22 2:51 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: $250.00 (28 %)
23 new from $644.994 used from $646.91
(* = affiliate link / image source: Amazon partner program)
LEGO Star Wars Republic Fighter Tank 75182 Building Kit
Price: $24.86
(As of: 2017/07/22 2:51 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: $0.13 (1 %)
10 new from $21.000 used
(* = affiliate link / image source: Amazon partner program)