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


Francis of the Filth
Price: $33.19
(As of: 2017/10/16 8: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.
)
You save: $2.81 (8 %)
8 new from $33.190 used
(* = affiliate link / image source: Amazon partner program)
A Die Hard Christmas: The Illustrated Holiday Classic
Price: $15.29
(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.70 (10 %)
1 new from $15.290 used
(* = affiliate link / image source: Amazon partner program)
Mary Engelbreit 2018 Monthly Pocket Planner Calendar: Now is the Time
Price: $6.71
(As of: 2017/10/16 12: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.28 (16 %)
29 new from $5.325 used from $5.49
(* = affiliate link / image source: Amazon partner program)
Sony MDR7506 Professional Large Diaphragm Headphone
Price: --
(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.
)
4 new from Too low to display8 used from $83.00
(* = affiliate link / image source: Amazon partner program)
The Disney Princess Cookbook
Price: $14.39
(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: $1.60 (10 %)
31 new from $9.5149 used from $1.70
(* = affiliate link / image source: Amazon partner program)
Rich Food Poor Food: The Ultimate Grocery Purchasing System (GPS)
Price: $15.47
(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: $9.48 (38 %)
52 new from $8.8185 used from $2.00
(* = affiliate link / image source: Amazon partner program)
Amcrest UltraHD 2K (3MP/2304TVL) WiFi Video Security IP Camera with Pan/Tilt, Dual Band 5ghz/2.4ghz, Two-Way Audio, 3-Megapixel @ 20FPS, Wide 90° Viewing Angle and Night Vision IP3M-941B (Black)
Price: $99.99
(As of: 2017/10/16 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 https://www.amazon.com/ at the time of purchase will apply to the purchase of this product.
)
You save: $20.00 (17 %)
4 new from $99.991 used from $92.49
(* = affiliate link / image source: Amazon partner program)
Chrysanthemum
Price: --
(As of: 2017/10/16 10: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.
)
73 new from Too low to display101 used from $1.06
(* = affiliate link / image source: Amazon partner program)