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.

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

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


Style Homez 1 Kg Premium Bean Bag Refill for Bean Bags
Price: INR 549.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.in/ at the time of purchase will apply to the purchase of this product.
)
You save: INR 650.00 (54 %)
2 new from INR 464.000 used
(* = affiliate link / image source: Amazon partner program)
EVOLUTIONARY RELATIONSHIPS: Unleashing The Power Of Mutual Awakening
Price: $16.55
(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: $1.40 (8 %)
11 new from $16.550 used
(* = affiliate link / image source: Amazon partner program)
Dear Zoo: A Lift-the-Flap Book
Price: $5.15
(As of: 2017/10/16 1: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: $1.84 (26 %)
54 new from $4.16201 used from $1.06
(* = affiliate link / image source: Amazon partner program)
"They Say / I Say": The Moves That Matter in Academic Writing, with Readings (Third Edition)
Price: $28.89
(As of: 2017/10/16 8: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.
)
7 new from $28.8935 used from $15.99
(* = affiliate link / image source: Amazon partner program)
You Are a Badass 2018 Day-to-Day Calendar
Price: $11.99
(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: $3.00 (20 %)
26 new from $8.964 used from $10.69
(* = affiliate link / image source: Amazon partner program)
Kingston Women's Mayfair City Bike
Price: £289.97 - £350.40
(As of: 2018/10/17 3: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.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)
On Ear Headphones with Mic, Jelly Comb Foldable Corded Headphones Wired Headsets with Microphone, Volume Control for Cell Phone, Tablet, PC, Laptop, MP3/4, Video Game (white)
Price: $12.99
(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: $7.00 (35 %)
1 new from $12.990 used
(* = affiliate link / image source: Amazon partner program)
Kong: Skull Island (BD) [Blu-ray]
Price: $14.99
(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.
)
You save: $21.00 (58 %)
15 new from $14.9919 used from $13.02
(* = affiliate link / image source: Amazon partner program)