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:

The Martian
$10.79

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

The Last Castle: The Epic Story of Love, Loss, and American Royalty in the Nation’s Largest Home
Price: $18.30
(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: $9.70 (35 %)
31 new from $18.3021 used from $17.95
(* = affiliate link / image source: Amazon partner program)
MKTG  (with MKTG Online, 1 term (6 months) Printed Access Card) (New, Engaging Titles from 4LTR Press)
Price: $71.25
(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: $3.75 (5 %)
12 new from $67.267 used from $85.00
(* = affiliate link / image source: Amazon partner program)
Stock the Crock: 100 Must-Have Slow-Cooker Recipes, 200 Variations for Every Appetite
Price: $14.95
(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: $7.04 (32 %)
39 new from $14.2422 used from $12.99
(* = affiliate link / image source: Amazon partner program)
I'm Just No Good at Rhyming: And Other Nonsense for Mischievous Kids and Immature Grown-Ups
Price: $17.99
(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.
)
You save: $2.00 (10 %)
13 new from $13.993 used from $18.99
(* = affiliate link / image source: Amazon partner program)
Rebel Heart Tour [2 CD]
Price: $13.79
(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.
)
14 new from $12.446 used from $12.56
(* = affiliate link / image source: Amazon partner program)
Pokémon Ultra Sun & Pokémon Ultra Moon Edition: The Official National Pokédex
Price: $21.23
(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.
)
You save: $3.76 (15 %)
1 new from $21.230 used
(* = affiliate link / image source: Amazon partner program)
Rainbow
Price: $9.96
(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.
)
8 new from $9.4621 used from $4.70
(* = affiliate link / image source: Amazon partner program)
A Guide to the Project Management Body of Knowledge (PMBOK® Guide)–Fifth Edition
Price: $45.39
(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.
)
You save: $20.56 (31 %)
54 new from $39.97144 used from $23.50
(* = affiliate link / image source: Amazon partner program)