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 1: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 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.
)
The Lord of the Rings: The Motion Picture Trilogy [Blu-ray]
$59.98
(As of: 2017/10/16 12: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 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.
)

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 1: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 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.
)
The Lord of the Rings: The Motion Picture Trilogy [Blu-ray]
$59.98
(As of: 2017/10/16 12: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 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.
)
10-Day Green Smoothie Cleanse
$10.17
(As of: 2017/10/16 1: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 9: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 9: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 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.
)
The Martian
$10.79
(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.
)
Played in Space: The Best of Something Corporate
$7.39
(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.
)

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 1: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 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.
)
The Lord of the Rings: The Motion Picture Trilogy [Blu-ray]
$59.98
(As of: 2017/10/16 12: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 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.
)
10-Day Green Smoothie Cleanse
$10.17
(As of: 2017/10/16 1: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 9: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 9: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 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.
)
The Martian
$10.79
(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.
)
Played in Space: The Best of Something Corporate
$7.39
(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.
)

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" /]
LEGO 60342 City Stuntz The Shark Attack Stunt Challenge Adventure Series Toy & 42134 Technic Monster Jam Megalodon 2 in 1 Pull Back Shark Truck to Lusca Low Racer Car Toy, Set for Kids 7 +
Price: £30.48
(As of: 2023/05/06 2: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.co.uk/ at the time of purchase will apply to the purchase of this product.
)
You save: £5.50 (15%)
1 new from £30.480 used
(* = affiliate link / image source: Amazon partner program)
AKAI Professional MPK Mini MK3 White – 25-Tasten USB MIDI Keyboard Controller, 8 hintergrundbeleuchtete Drum Pads, 8 Regler, Musikproduktion-Software
Preis: 67,97 €
(Stand von: 2023/05/06 7:00 am - 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: 10,99 € (11%)
8 neu von 89,00 €12 gebraucht von 67,97 €
(* = Affiliate-Link / Bildquelle: Amazon-Partnerprogramm)
LEGO 42134 Technic Monster Jam Megalodon 2 in 1 Pull Back Truck to Lusca Low Racer Car Toy, Set for Kids 7 + & 42118 Technic Monster Jam Grave Digger Truck Toy to Off-Road Buggy, For Kids 7+
Price: £27.48
(As of: 2023/05/06 2: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.co.uk/ at the time of purchase will apply to the purchase of this product.
)
You save: £8.50 (24%)
1 new from £27.480 used
(* = affiliate link / image source: Amazon partner program)
In Ear Headphones Wired with 3.5mm Jack Stereo Magnetic Earbuds Microphone and Volume Control Noise Isolating Earphones for Android Smartphones Sam-sung Computer Laptop and 3.5mm Devices Black
Price: £9.97
(As of: 2023/05/05 5: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 £9.970 used
(* = affiliate link / image source: Amazon partner program)
Certified Refurbished Echo Dot (4th generation) | Smart speaker with clock and Alexa | Twilight Blue
Price: £53.99
(As of: 2023/05/08 4: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 £53.990 used
(* = affiliate link / image source: Amazon partner program)
USB C kopfhörer mit Kabel In-Ear USB Typ C Kopfhörer mit Mikrofon und Lautstärkeregler Stereo Bass Ohrhörer Headset USB C für Huawei P40 P30 Pro P20 Samsung S21 S20 (kopfhörer+USB C Link Kabel 2M)
Preis: 8,98 €
(Stand von: 2023/05/06 10: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.
)
1 neu von 8,98 €0 gebraucht
(* = Affiliate-Link / Bildquelle: Amazon-Partnerprogramm)
Native Instruments Maschine MK3 Trommelregler & UDG GEAR U8411BL Creator NI Maschine MK2 Hardcase schwarz
Preis: 599,00 €
(Stand von: 2023/05/07 2:30 am - 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.
)
1 neu von 599,00 €0 gebraucht
(* = Affiliate-Link / Bildquelle: Amazon-Partnerprogramm)
Cafetiere French Press, 1000ml/34oz 8 Cups Coffee Maker, Double Wall Stainless Steel Insulated, Tea or Coffee Pot with 3 Level Filtration System, Measure Scoop and 2 Filter Screen for Home and Office
Price: --
(As of: 2023/05/06 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.co.uk/ at the time of purchase will apply to the purchase of this product.
)
0 new0 used
(* = affiliate link / image source: Amazon partner program)