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 Lord of the Rings: The Motion Picture Trilogy [Blu-ray]
$68.99
Abbey Road
$9.99
Jurassic World [Blu-ray]
$9.99
Timex Unisex
$52.35

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

Native Instruments Maschine Studio schwarz
Price: EUR 975,00
(As of: 2017/01/03 4: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 http://www.amazon.de/ at the time of purchase will apply to the purchase of this product.
)
You save: EUR 24,00 (2 %)
13 new from EUR 975,001 used from EUR 854,25
(* = affiliate link / image source: Amazon partner program)
Everything In Transit (2LP)
Price: $29.72
(As of: 2017/01/25 10:55 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 http://www.amazon.com/ at the time of purchase will apply to the purchase of this product.
)
3 new from $29.720 used
(* = affiliate link / image source: Amazon partner program)
Lenovo Vibe K4 Note (Black, 16GB)
Price: INR 10,999.00
(As of: 2017/01/01 6:53 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 http://www.amazon.in/ at the time of purchase will apply to the purchase of this product.
)
You save: INR 1,000.00 (8 %)
1 new from INR 10,999.003 used from INR 8,000.00
(* = affiliate link / image source: Amazon partner program)
Seelen-Burg oder Die sieben inneren Wohnungen der Seele
Price: EUR 4,95
(As of: 2017/01/14 1:09 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 http://www.amazon.de/ at the time of purchase will apply to the purchase of this product.
)
56 new from EUR 4,956 used from EUR 4,41
(* = affiliate link / image source: Amazon partner program)
Anker 3350mAh Externer Akku PowerCore+ mini Power Bank USB Ladegerät mit PowerIQ und Panasonic Batteriezelle für iPhone 6s, 6, 5s, Galaxy S6, S5, S4, S3, S3 mini, Nexus und andere Smartphones und Tablets (Schwarz)
Price: EUR 12,99
(As of: 2017/01/16 3:07 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 http://www.amazon.de/ at the time of purchase will apply to the purchase of this product.
)
You save: EUR 7,00 (35 %)
1 new from EUR 12,990 used
(* = affiliate link / image source: Amazon partner program)
Happie Shop 1 KG Bean Bag Refill - Grade A Premium Quality Beans For Bean Bags
Price: INR 559.00
(As of: 2017/01/12 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 http://www.amazon.in/ at the time of purchase will apply to the purchase of this product.
)
You save: INR 440.00 (44 %)
3 new from INR 559.000 used
(* = affiliate link / image source: Amazon partner program)
Canon EOS Rebel T5 EF-S 18-55mm IS II Digital SLR Kit
Price: $385.00
(As of: 2017/01/03 4:52 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 http://www.amazon.com/ at the time of purchase will apply to the purchase of this product.
)
You save: $164.00 (30 %)
35 new from $385.0039 used from $288.88
(* = affiliate link / image source: Amazon partner program)
Steve Jobs
Price: EUR 9,10
(As of: 2017/01/20 2: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 http://www.amazon.fr/ at the time of purchase will apply to the purchase of this product.
)
11 new from EUR 9,1027 used from EUR 2,76
(* = affiliate link / image source: Amazon partner program)