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
Abbey Road
$12.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

LEGO Star Wars Imperial Shuttle Tydirium
Price: $76.91
You save: $23.08 (23 %)
103 new from $75.000 used
As of: 2016/07/27 5:00 pm
  • Weapons include 2 blaster pistols, 2 blasters and Chewbacca's crossbow
  • Hop aboard, engage flight mode and blast into space!
  • Fend off Imperial starships with the cool spring-loaded shooters
  • Recreate famous scenes from Star Wars: Episode VI Return of the Jedi
  • Imperial Shuttle measures over 11" high, 9" long and 7" wide in landing mode, and over 16" high, 9" long and 18" wide in flight mode
Laptop Foldable adjustable height ZigZag Table with cooling fan
Price: INR 1,189.00
7 new from INR 1,189.000 used
As of: 2016/07/27 4:40 pm
  • Laptop table
  • Folding design
  • Multipurpose table
  • Adjustable height
Price: INR 1,249.00
11 new from INR 1,099.000 used
As of: 2016/07/27 4:20 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
Hamilton Beach 12-Cup Digital Coffee Maker, Stainless Steel (46201)
Price: $37.99
You save: $12.00 (24 %)
38 new from $37.994 used from $30.39
As of: 2016/07/27 4:50 pm
  • Easy-access design for fast, easy filling
  • Adjustable brewing with bold, regular and 1-4 cup options
  • Programmable clock with 2 hour automatic shutoff
  • Swing-out brew basket with release button
  • Wheeled base for fast, easy access to the water reservoir
Er ist wieder da
Price: EUR 7,40
1 new from EUR 7,400 used
As of: 2016/07/27 4:40 pm
Nikon D3200 24.2 MP Digital SLR Camera (Black) with AF-S 18-55mm VR II Kit Lens, 8GB Memory Card, DSLR Camera Bag
Price: INR 22,699.00
You save: INR 6,251.00 (22 %)
42 new from INR 22,699.000 used
As of: 2016/07/27 4:20 pm
  • 24.2 effective megapixels Nikon-developed DX-format CMOS image sensor
  • Image-processing engine EXPEED 3
  • Wide ISO sensitivity range at standard setting
  • Screen size of 3-inch eye-level pentamirror single-lens reflex viewfinder
  • High-performance noise-reduction function
  • EN-EL14 rechargeable Li-ion battery (with terminal cover)
  • Comes with MH-24 battery charger, AN-DC3 strap, EG-CP14 audio/video cable, UC-E17 USB cable, DK-5 eyepiece cap, BS-1 accessory shoe cover, DK-20 rubber eyecup and BF-1B body cap
  • Also includes viewNX 2 CD-ROM reference CD
  • 2 years warranty from Nikon India
  • With 24.2 effective megapixels, Nikon-developed DX-format CMOS image sensor
  • Image-processing engine EXPEED 3 - the same as that used by the Nikon D4 FX-format flagship camera - achieves high speed, multiple functions and high performance, intuitive guide mode that shows you how to take great pictures
  • Wide ISO sensitivity range at standard setting from ISO 100 to 6400, can be set to ISO 12800 equivalent
  • Screen size: 3 inch, eye-level pentamirror single-lens reflex viewfinder
  • With its high-performance noise-reduction function, rich gradation with less noise is achieved even at a high sensitivity range, for both still images and movies, high-speed continuous shooting at approximately 4fps to capture decisive moments reliably
Ravensburger 22135 - Kinderspiel Disney Cars 2 Junior Labyrinth
Price: EUR 16,69
11 new from EUR 13,573 used from EUR 9,99
As of: 2016/07/27 4:20 pm
  • Schlauer Schiebespaß - ganz einfach zu spielen und immer wieder spannend
  • Fördert räumliches Denken
  • Geringerer Schwierigkeitsgrad für jüngere Spieler möglich
  • Anzahl Spieler: 2 bis 4
  • Für Kinder ab 4 Jahren geeignet
Dein Yoga, dein Leben
Price: --
13 new from $18.746 used from $16.96
As of: 2016/07/27 4:30 pm