Sortable table

On this page, ASA 2’s managed template “Sortable_table” is used. It is specialized for displaying multiple products in a sortable table. It works perfectly with ASA 2 collections or smart collections. It is customizable in general and per shortcode.

Main features

  • Specialized for rendering sortable tables with multiple products
  • Responsive design
  • Customizable without programming skills
Note
Template “Sortable_table” does not yet work with AJAX mode.

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 “Sortable_table“. These settings will effect every usage of this template.

Sortable_table customization

 

Shortcode options

Besides the general settings, it is possible to overwrite template options per shortcode.

For example, to show the medium image instead the generally configured, this shortcode would make the difference:

Or to link the shop button to the buy page instead of the generally configured shop page, use option “button_target”:

Following you find a list of all available shortcode options for template “Columns_layout”:

Option Type Values Description
table_behavior string
  • "0" (None)
  • "sortable" (Sortable)
Table behavior
col_image bool "yes" / "no" Show image column
col_image_responsive string
  • "desktop" (Desktop only)
  • "min-tablet-l" (Tablet landscape minimum)
  • "min-tablet" (Tablet minimum (portrait and landscape))
  • "min-mobile-l" (Mobile landscape minimum)
  • "min-mobile" (Mobile minimum (portrait and landscape))
Image column responsive settings
col_title bool "yes" / "no" Show title column
col_title_responsive string
  • "desktop" (Desktop only)
  • "min-tablet-l" (Tablet landscape minimum)
  • "min-tablet" (Tablet minimum (portrait and landscape))
  • "min-mobile-l" (Mobile landscape minimum)
  • "min-mobile" (Mobile minimum (portrait and landscape))
Title column responsive settings
col_release_date bool "yes" / "no" Show release date column
col_release_date_responsive string
  • "desktop" (Desktop only)
  • "min-tablet-l" (Tablet landscape minimum)
  • "min-tablet" (Tablet minimum (portrait and landscape))
  • "min-mobile-l" (Mobile landscape minimum)
  • "min-mobile" (Mobile minimum (portrait and landscape))
Release date column responsive settings
col_rating bool "yes" / "no" Show rating column
col_rating_responsive string
  • "desktop" (Desktop only)
  • "min-tablet-l" (Tablet landscape minimum)
  • "min-tablet" (Tablet minimum (portrait and landscape))
  • "min-mobile-l" (Mobile landscape minimum)
  • "min-mobile" (Mobile minimum (portrait and landscape))
Rating column responsive settings
col_price bool "yes" / "no" Show price column
col_price_responsive string
  • "desktop" (Desktop only)
  • "min-tablet-l" (Tablet landscape minimum)
  • "min-tablet" (Tablet minimum (portrait and landscape))
  • "min-mobile-l" (Mobile landscape minimum)
  • "min-mobile" (Mobile minimum (portrait and landscape))
Price column responsive settings
col_price_buy_button bool "yes" / "no" Show buy button in price column on mobile devices
col_buy_button bool "yes" / "no" Show buy button column
col_buy_button_responsive string
  • "desktop" (Desktop only)
  • "min-tablet-l" (Tablet landscape minimum)
  • "min-tablet" (Tablet minimum (portrait and landscape))
  • "min-mobile-l" (Mobile landscape minimum)
  • "min-mobile" (Mobile minimum (portrait and landscape))
Buy button column responsive settings
button_target string
  • "shop" (Shop page)
  • "buy" (Buy page)
Button target
image_size string
  • "small" (Small)
  • "medium" (Medium)
  • "large" (Large)
Image size
image_max_width int 0 between 999 Image max width (in pixels, 0 - 999, 0 for none)
image_effect string
  • "0" (None, no linking at all)
  • "lightbox" (Add lightbox tag and link to large version)
  • "imgpreview" (Image preview to large version on mouse hover)
  • "link_to_shoppage" (Image links to shop page)
Image effect
title_link_to_shop_page bool "yes" / "no" Title links to shop page
title_color string CSS compatible color value, like hex values (#ff0000) or color names (red) Title color
title_font_size int 1 between 500 Title font size (in percent)
price_color string CSS compatible color value, like hex values (#ff0000) or color names (red) Price color
disclaimer string
  • "none" (None)
  • "asterisk_and_text" (Asterisk in title link and button. Disclaimer text in each template.)
  • "asterisk_only" (Asterisk in title link and button. No disclaimer text.)
Disclaimer

More examples


Product name Release date Rating Price
Samsung Galaxy Grand Prime DUOS 8GB Factory Unlocked GSM Smartphone -International Version- Gray Samsung Galaxy Grand Prime DUOS 8GB Factory Unlocked GSM Smartphone -International Version- Gray *
$146.99
10-Day Green Smoothie Cleanse 10-Day Green Smoothie Cleanse * July 15, 2014
$8.81
Black & Decker TR1278RM 2-Slice Toaster, Red Black & Decker TR1278RM 2-Slice Toaster, Red *
$24.99
Steve Jobs Steve Jobs * October 24, 2011
$20.83
The Martian The Martian * October 28, 2014
$8.92
Jurassic World Jurassic World * October 22, 2015
EUR 7,99
If I Can Dream If I Can Dream * October 30, 2015
$10.99
Jurassic World [Blu-ray] Jurassic World [Blu-ray] * October 20, 2015
$17.99
Minions (Blu-ray + DVD + DIGITAL HD) Minions (Blu-ray + DVD + DIGITAL HD) * December 8, 2015
$14.99
LEGO Star Wars Imperial Shuttle Tydirium LEGO Star Wars Imperial Shuttle Tydirium * June 1, 2015
$79.99
What's Inside: Songs From Waitress What's Inside: Songs From Waitress * November 6, 2015
$7.66
Played in Space: The Best of Something Corporate Played in Space: The Best of Something Corporate * April 27, 2010
$7.39
Secret Garden: An Inky Treasure Hunt and Coloring Book Secret Garden: An Inky Treasure Hunt and Coloring Book * March 26, 2013
$9.57
Timex Unisex Timex Unisex *
$48.00
Abbey Road Abbey Road * September 8, 2009
$10.00
The Lord of the Rings: The Motion Picture Trilogy [Blu-ray] The Lord of the Rings: The Motion Picture Trilogy [Blu-ray] * May 1, 2012
$64.20
VTech Musical Rhymes Book VTech Musical Rhymes Book *
$13.46
Samsung Galaxy Grand Prime Dual Sim Factory Unlocked Phone, International Version Retail Packaging, Gold Samsung Galaxy Grand Prime Dual Sim Factory Unlocked Phone, International Version Retail Packaging, Gold *
$189.50
(* = affiliate link / image source: Amazon partner program)