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.

Contents

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:

[asa2_smart_collection cat_slug="demo-products" limit="4" tpl="Columns_layout" orderby="rand" /]
Minions (Blu-ray + DVD + DIGITAL HD)
$9.99
(As of: 2017/10/16 2:45 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.
)
Jurassic World [Blu-ray]
$11.99
(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.
)
The Lord of the Rings: The Motion Picture Trilogy [Blu-ray]
$59.98
(As of: 2017/10/16 1:30 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.
)
Secret Garden: An Inky Treasure Hunt and Coloring Book
$14.36
(As of: 2017/10/16 11: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.
)

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:

[asa2_smart_collection tpl="Columns_layout" cols_lg="6" cat_slug="demo-products" /]
Minions (Blu-ray + DVD + DIGITAL HD)
$9.99
(As of: 2017/10/16 2:45 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.
)
Jurassic World [Blu-ray]
$11.99
(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.
)
The Lord of the Rings: The Motion Picture Trilogy [Blu-ray]
$59.98
(As of: 2017/10/16 1:30 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.
)
Secret Garden: An Inky Treasure Hunt and Coloring Book
$14.36
(As of: 2017/10/16 11: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.
)
10-Day Green Smoothie Cleanse
$10.17
(As of: 2017/10/16 2:45 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.
)
If I Can Dream
$9.32
(As of: 2017/10/16 10: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.
)
What's Inside: Songs From Waitress
$9.66
(As of: 2017/10/16 10: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 https://www.amazon.com/ at the time of purchase will apply to the purchase of this product.
)
Abbey Road
$14.58
(As of: 2017/10/16 2:30 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.
)
The Martian
$10.79
(As of: 2017/10/16 11: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.
)
Played in Space: The Best of Something Corporate
$7.39
(As of: 2017/10/16 11: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.
)

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

[asa2_smart_collection tpl="Columns_layout" cols_xs="2" cat_slug="demo-products" /]
Minions (Blu-ray + DVD + DIGITAL HD)
$9.99
(As of: 2017/10/16 2:45 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.
)
Jurassic World [Blu-ray]
$11.99
(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.
)
The Lord of the Rings: The Motion Picture Trilogy [Blu-ray]
$59.98
(As of: 2017/10/16 1:30 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.
)
Secret Garden: An Inky Treasure Hunt and Coloring Book
$14.36
(As of: 2017/10/16 11: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.
)
10-Day Green Smoothie Cleanse
$10.17
(As of: 2017/10/16 2:45 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.
)
If I Can Dream
$9.32
(As of: 2017/10/16 10: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.
)
What's Inside: Songs From Waitress
$9.66
(As of: 2017/10/16 10: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 https://www.amazon.com/ at the time of purchase will apply to the purchase of this product.
)
Abbey Road
$14.58
(As of: 2017/10/16 2:30 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.
)
The Martian
$10.79
(As of: 2017/10/16 11: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.
)
Played in Space: The Best of Something Corporate
$7.39
(As of: 2017/10/16 11: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.
)

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

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)
custom_css int 0 between 999 Custom CSS. Custom CSS that is applied to all occurrences of this template on a page and is only included once in the source code.

More examples

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

[asa2_smart_collection tpl="Columns_layout" orderby="rand" limit="6" item_tpl="Horizontal_box" border_width="4" image_size="medium" show_description="no" main_image_slideshow="no" /]
UK Stock Ladies Girls Spring Dutch Style Bike Bicycles 6 Speeds with Warranty Lightweight 700C Ladies and girls
Price: £229.99
(As of: 2023/05/04 9:30 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.co.uk/ at the time of purchase will apply to the purchase of this product.
)
You save: £10.00 (4%)
1 new from £229.990 used
(* = affiliate link / image source: Amazon partner program)
Sonos One – Voice Controlled Smart Speaker with Amazon Alexa Built In (Black)
Price: £250.00
(As of: 2023/05/06 3:30 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.co.uk/ at the time of purchase will apply to the purchase of this product.
)
2 new from £250.000 used
(* = affiliate link / image source: Amazon partner program)
Eye to Eye: Facing the Consequences of Dividing Israel
Price: $11.89
(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: $3.10
6 new from $10.0048 used from $5.57
(* = affiliate link / image source: Amazon partner program)
HotLight Kinder Tablet 10 Zoll, Android 11 Kids Tablet mit Kindersicherung, Quad Core, 2GB RAM 32GB ROM, Doppelkamera, WiFi, Bluetooth, Tablet für Kinder mit kindgerechter Hülle Blau
Preis: 119,99 €
(Stand von: 2023/05/04 5:00 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.
)
Sie sparen: 20,00 € (14%)
1 neu von 119,99 €0 gebraucht
(* = Affiliate-Link / Bildquelle: Amazon-Partnerprogramm)
Canon PowerShot G5 X Mark II Digitalkamera (20,1 MP, 5-fach optischer Zoom, 7,5cm (3 Zoll) Display, klappbar, DIGIC 8, EVF, 4K, Full-HD, WLAN, Bluetooth, Blendenautomatik; Zeitautomatik), schwarz
Preis: 889,47 €
(Stand von: 2023/05/04 8:30 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.
)
Sie sparen: 39,53 € (4%)
8 neu von 889,47 €0 gebraucht
(* = Affiliate-Link / Bildquelle: Amazon-Partnerprogramm)
FabricBike-Fixie Bike, Fixed Gear Bike, Single Speed, Hi-Ten Steel Black Frame, 10Kg (Matte Black & Blue 2.0, M-53)
Price: £379.99
(As of: 2023/05/03 8:30 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.co.uk/ at the time of purchase will apply to the purchase of this product.
)
1 new from £379.990 used
(* = affiliate link / image source: Amazon partner program)
Regatta Men's Originals Fallowfield Water Repellent Insulated Diamond-Quilted Jacket, Navy, X-Small
Price: £29.90
(As of: 2023/05/07 8:01 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.co.uk/ at the time of purchase will apply to the purchase of this product.
)
1 new from £29.900 used
(* = affiliate link / image source: Amazon partner program)
Eurobike Mountain Bike YH-X1 27.5 Inch Mag Wheels 21 Speed Dual Disc Brake for Mens Front Suspension Bicycle (3-SPOKE RED)
Price: £314.10
(As of: 2023/05/08 3: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.co.uk/ at the time of purchase will apply to the purchase of this product.
)
1 new from £314.100 used
(* = affiliate link / image source: Amazon partner program)