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:

Secret Garden: An Inky Treasure Hunt and Coloring Book
$9.57
Black & Decker TR1278RM 2-Slice Toaster, Red
$24.99
If I Can Dream
$10.99
Samsung Galaxy Grand Prime Dual Sim Factory Unlocked Phone, International Version Retail Packaging, Gold
$184.99

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

Nokia Lumia 635 (AT&T Go Phone) No Annual Contract
Price: $54.11
39 new from $47.9516 used from $29.99
As of: 2016/08/18 6:20 am
  • Beautiful 4.5 inch ClearBlack, IPS LCD Display 480x854 resolution 221 ppi
  • 8 GB storage 512 MB RAM Expandable Memory
  • 5.0 MP Camera with 720p HD Video and Autofocus
  • 1.2 GHz MSM8x26 Quad core Processor
  • 5-Inch display
  • 8MP rear-facing camera
  • 8GB Memory
  • 1.2GHz quad core processor
  • Media Card Slot: microSD
Mr. Coffee BVMC-SJX33GT 12-Cup Programmable Coffeemaker, Chrome
Price: $29.92
40 new from $29.9210 used from $25.43
As of: 2016/08/24 6:40 pm
  • Water Filtration Ready to remove up to 97% of chlorine* for better tasting coffee* As a result of the Mr. Coffee® water filter and brewing process. Stainless steel carafe must be purchased separately.
  • Delay Brew timer sets brew time ahead so you can wake up to fresh-brewed coffee
  • Brew Strength Selector pumps up a stronger flavor if you like it bold tasting.Grab-A-Cup Auto Pause stops cycle when you need a cup before brewing is finished
  • 2-Hour Shut Off automatically turns off coffeemaker.
  • TROUBLESHOOTING:Kindly review the user manual under product details for set up and refer page 21-23 for troubleshooting.
TracFone LG 306G No Contract Phone - Retail Packaging - Black
Price: $7.99
You save: $22.00 (73 %)
27 new from $7.996 used from $7.21
As of: 2016/03/23 11:10 pm
  • TracFone cell phone has a 3.2" touchscreen
  • 3G/Wi-Fi connectivity
  • 2.0 megapixel camera and video recorder
  • 4GB micro SD Card (Included in phone)
  • Bluetooth 2.1 wireless technology
Sharp Aquos Crystal Silver (Boost Mobile)
Price: $98.75
12 new from $98.757 used from $35.00
As of: 2016/08/23 8:00 pm
  • 5 inchEdgeless Display
  • Framing Advisor, night catch, and shutter detect camera functions
  • CDMA LTE
  • HD Voice So73
Seelen-Burg oder Die sieben inneren Wohnungen der Seele
Preis: EUR 4,95
56 neu von EUR 4,956 gebraucht von EUR 4,39
Stand von: 2016/08/25 9:10 pm
VTech Musical Rhymes Book
Price: $13.59
45 new from $11.990 used
As of: 2016/08/24 1:30 pm
  • Interactive kids book has big easy-to-turn pages; nursery rhyme book comes with 6 classic nursery rhymes
  • Early education learning center build fine motor skills by sliding and twisting the fun play pieces; pre-K reading book has 40+ songs, melodies, sounds and phrases
  • Talking book features 5 colorful piano buttons that make sounds and introduce colors and instruments; 2 modes of play: music mode and learning mode
  • Interactive toddler book is visually stimulating with bright pages and a light-up star that flashes with the sound; early learning toy is great for babies and toddlers
  • Baby book is intended for kids 6 months to 3 years of age; 2 AAA batteries included for demo, use new batteries for regular use
Price: INR 1,045.00
You save: INR 950.00 (48 %)
14 new from INR 859.000 used
As of: 2016/08/24 12:10 pm
  • - Cuts are made on table to keep laptop cool & works as heat vents
  • - A natural way to cool OFF the Laptop without using electricity-GO
  • - Drawer on side to keep CD etc
  • - With Sidemini table for External Mouse
  • - Multipurpose Folding Table Multipurpose folding table is a perfect study table for kids. It is available in various angles for various purposes like reading / writing / painting / drawing etc
LG G Stylo (Boost Mobile)
Price: --
14 new from $98.958 used from $72.49
As of: 2016/08/25 9:40 pm
  • 8MP Rear-Facing Camera/5MP Front-Facing Camera
  • Mobile Hotspot Capable
  • Get up to 24 hours of talk time from this long-lasting lithium-ion battery
  • Memory : 8GB, 1 GB RAM