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
$53.30

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

TaoTronics Bluetooth In Ear Headphones Wireless Earbuds Sports Magnetic Earphones with Built-in Mic (Sweatproof with IPX5 Splash Proof Rating, aptX Stereo, Up to 7 Hours Talk Time, Ceramic Antenna)
Price: $33.99
(As of: 2017/10/16 11: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: $36.00 (51 %)
1 new from $33.990 used
(* = affiliate link / image source: Amazon partner program)
2018 Rand McNally Large Scale Road Atlas (Rand McNally Large Scale Road Atlas U. S. A.)
Price: $17.96
(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.
)
You save: $1.99 (10 %)
46 new from $13.2510 used from $13.44
(* = affiliate link / image source: Amazon partner program)
Hog Wild!: A Frenzy of Dance Music
Price: $12.56
(As of: 2017/10/16 11: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.39 (30 %)
35 new from $12.4814 used from $7.78
(* = affiliate link / image source: Amazon partner program)
The Poke Cake Cookbook: 75 Delicious Cake and Filling Combinations
Price: $15.61
(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.
)
You save: $4.38 (22 %)
21 new from $13.8318 used from $13.83
(* = affiliate link / image source: Amazon partner program)
Sheep No More: The Art of Awareness and Attack Survival
Price: $14.39
(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: $1.60 (10 %)
1 new from $14.390 used
(* = affiliate link / image source: Amazon partner program)
Canon EOS Rebel T5 EF-S 18-55mm IS II Digital SLR Kit
Price: $359.00
(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.
)
You save: $190.00 (35 %)
35 new from $359.0034 used from $269.00
(* = affiliate link / image source: Amazon partner program)
The 20/20 Diet: Turn Your Weight Loss Vision Into Reality
Price: $13.80
(As of: 2017/10/16 12:15 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: $12.20 (47 %)
57 new from $5.98277 used from $0.96
(* = affiliate link / image source: Amazon partner program)
Vegan Richa's Everyday Kitchen: Epic Anytime Recipes with a World of Flavor
Price: $16.34
(As of: 2017/10/16 2:15 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: $8.61 (35 %)
23 new from $16.3418 used from $16.54
(* = affiliate link / image source: Amazon partner program)