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:

Timex Unisex
$63.96
Minions (Blu-ray + DVD + DIGITAL HD)
$11.99
Played in Space: The Best of Something Corporate
$7.39

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

The Northface W Oso Hoodie Rabutan Pink Medium
Price: $108.34
7 new from $94.050 used
As of: 2016/05/21 1:50 am
  • Material: [body] 65D polyester fleece, [overlay] polyester taffeta, [cuffs and hem] superstretch (93% polyester 7% elastane)
  • Fleece Weight: 315 g/m2
  • Fit: relaxed
  • Center Back Length: 26 in
  • Pockets: 2 hand zippered
Price: INR 900.00
14 new from INR 710.000 used
As of: 2016/05/21 10:10 am
  • - 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
Dein Yoga, dein Leben
Price: --
13 new from $18.807 used from $17.63
As of: 2016/05/24 5:10 pm
Style Homez 1 Kg Premium Bean Bags Refill For Bean Bag
Price: INR 499.00
You save: INR 700.00 (58 %)
3 new from INR 499.000 used
As of: 2016/05/22 4:10 pm
  • Bean Bag Refill
  • Easy to Use
  • Stays Long
  • No Odour
  • Best Quality
Samsung Galaxy Centura Android Prepaid Phone (TracFone)
Price: $12.99
2 new from $12.998 used from $17.90
As of: 2016/05/18 3:10 pm
  • Includes Triple Minutes for Life FREE!
  • 3.5" Touch Screen
  • 3 MP Camera/Video Recorder
  • No activation fees, contracts, monthly bills or credit checks. An Airtime Card is required for activation of this phone.
  • Safelink customers cannot upgrade or transfer service to this phone
LEGO Star Wars Imperial Destroyer Building Toy - 75055
Price: CDN$ 415.00
6 new from CDN$ 408.210 used
As of: 2016/05/21 1:30 am
  • Includes 6 minifigures with assorted weapons: Darth Vader, Imperial Officer, 2 Storm troopers, Imperial Crew and Imperial Navy Trooper
  • Also includes 2 new figures unique to this set: Emperor Palpating Hologram and a Mouse Droid
  • Weapons include 2 blaster rifles and 2 blasters
  • Play out classic Star Wars scenes with the Dark Lord of the Seth, Darth Vader
  • Measures over 7-Inch (19cm) high, 19-Inch (50cm) long and 12-Inch (33cm) wide
Xiaomi Redmi Note Prime (White, 16 GB)
Price: --
0 new0 used
As of: 2016/05/21 9:00 am
  • 13MP primary camera with ISO, auto focus and 5MP front facing camera
  • 13.97 centimeters (5.5 inches) HD IPS multi-touch capacitive touchscreen with 1280 x 720 pixels resolution and 267 ppi pixel density
  • Android v4.4 KitKat based MIUI 7 operating system with 1.2GHz Qualcomm Snapdragon 410 quad core processor, Adreno-306 GPU, 2GB RAM, 16GB internal memory expandable up to 32GB and dual micro-SIM dual standby (4G + 4G)
  • 3100mAH lithium-polymer battery providing talk-time of 38 hours and standby time of 775 hours
  • 1 year manufacturer warranty for device and 6 months manufacturer warranty for in-box accessories including batteries from the date of purchase
Canon EOS 700D 18MP Digital SLR Camera (Black) with 18-55mm and 55-250mm IS II Lens, 8GB card and Carry Bag
Price: INR 36,736.00
You save: INR 8,259.00 (18 %)
19 new from INR 36,499.000 used
As of: 2016/05/20 12:30 pm
  • 18 megapixel CMOS (APS-C) sensor
  • 14-bit A/D conversion
  • Dual lens camera 55-250mm IS II lens
  • ISO 100-12800 (expandable to H: 25600)
  • EOS full HD movie mode with movie servo
  • 9-point all cross-type AF system (including a high-precision dual-cross f/2.8 center point)
  • Vari-angle touchscreen 3-inch clear view LCD monitor II
  • Includes Canon EF-S 18-55mm f/3.5-5.6 IS II lens, Canon EF-S 55-250mm f/4-5.6 IS II lens, Canon battery LP-E8, Canon battery charger LC-E8E
  • Also includes wide strap, USB cable, software CD, manual, 8GB SDHC class 10 in the box
  • 2 years Canon India warranty card
  • Camera bag (packed separately)