Columns layout

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:


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:



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

You can use any template to render the single items. Use option “item_tpl” to set a custom item template.


Akai Professional Project 50X | Over-Ear Studio Monitor Headphones [Amazon Exclusive]
Price: $22.96
(As of: 2017/10/16 8:30 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 https://www.amazon.com/ at the time of purchase will apply to the purchase of this product.
)
You save: $67.03 (74 %)
32 new from $22.961 used from $28.99
(* = affiliate link / image source: Amazon partner program)
Y is for Yesterday (A Kinsey Millhone Novel)
Price: $18.78
(As of: 2017/10/16 10:15 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 https://www.amazon.com/ at the time of purchase will apply to the purchase of this product.
)
You save: $10.22 (35 %)
32 new from $16.0049 used from $13.00
(* = affiliate link / image source: Amazon partner program)
The Dangerous Case of Donald Trump: 27 Psychiatrists and Mental Health Experts Assess a President
Price: $17.78
(As of: 2017/10/16 8: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 https://www.amazon.com/ at the time of purchase will apply to the purchase of this product.
)
You save: $10.21 (36 %)
6 new from $17.783 used from $20.96
(* = affiliate link / image source: Amazon partner program)
Nescafé Dolce Gusto Caffè Lungo, 3er Pack (48 Kapseln)
Preis: EUR 14,97
(Stand von: 2019/02/02 3:15 pm - Details
×
Produktpreise und -verfügbarkeit sind zum angegebenen Datum / Uhrzeit korrekt und können sich ändern. Alle Preis- und Verfügbarkeitsinformationen auf https://www.amazon.de/ zum Zeitpunkt des Kaufs gelten für den Kauf dieses Produkts.
)
14 neu von EUR 14,850 gebraucht
(* = Affiliate-Link / Bildquelle: Amazon-Partnerprogramm)
We Were Eight Years in Power: An American Tragedy
Price: $16.80
(As of: 2017/10/16 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 https://www.amazon.com/ at the time of purchase will apply to the purchase of this product.
)
You save: $11.20 (40 %)
56 new from $15.1019 used from $16.99
(* = affiliate link / image source: Amazon partner program)
The Handmaid's Tale
Price: $9.57
(As of: 2017/10/16 10: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 https://www.amazon.com/ at the time of purchase will apply to the purchase of this product.
)
You save: $6.38 (40 %)
140 new from $8.75109 used from $6.00
(* = affiliate link / image source: Amazon partner program)
Guardians of the Galaxy Vol. 2 [Blu-ray]
Price: $29.96
(As of: 2017/10/16 2: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 https://www.amazon.com/ at the time of purchase will apply to the purchase of this product.
)
You save: $13.03 (30 %)
20 new from $24.986 used from $10.04
(* = affiliate link / image source: Amazon partner program)
Her Body and Other Parties: Stories
Price: $11.00
(As of: 2017/10/16 9:15 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 https://www.amazon.com/ at the time of purchase will apply to the purchase of this product.
)
You save: $5.00 (31 %)
33 new from $10.9212 used from $10.46
(* = affiliate link / image source: Amazon partner program)