Sortable_table_2

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

Main features

  • Specialized for rendering sortable tables with multiple products
  • Responsive design (switches to stacked layout on small width)
  • Customizable without programming skills

Example

This first example is built with the following shortcode:

Important Info
Change the screen width to see the stacked layout on smaller screen widths.

Customization

On ASA 2’s admin page “Templates” you can customize the general options of template “Sortable_table_2“. These settings will effect every usage of this template.

 

Shortcode options

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

Example “title_length”

For example, to limit the title length, you can use option “title_length”:

Example “image_size”

To show images in medium size, you can use option “image_size”.

All available options

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

Option Type Values Description
table_behavior string
  • "0" (None)
  • "sort-custom" (Sortable 1)
Table behavior
col_image bool "yes" / "no" Show image column
col_title bool "yes" / "no" Show title column
col_rating bool "yes" / "no" Show rating column
col_price bool "yes" / "no" Show price column
col_buy_button bool "yes" / "no" Show buy button column
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_css string custom text Title font style. Utilizes the CSS font property.
title_length int 0 between 999 Title max length. Limits the title to a maximum length of characters. 0 for unlimited
price_color string CSS compatible color value, like hex values (#ff0000) or color names (red) Price color
price_font_css string custom text Price font style. Utilizes the CSS font property.
show_feed_index bool "yes" / "no" Show feed index (only works when used with asa2_feed shortcode)
disclaimer string
  • "none" (None)
  • "asterisk_and_text" (Asterisk in title link and button. Disclaimer text below table.)
  • "asterisk_only" (Asterisk in title link and button. No disclaimer text.)
Disclaimer

More examples

Using ASA2’s RSS Feed feature

This example uses ASA2’s RSS feed feature together with template “Sortable_table_2”. Learn more about ASA2’s RSS feed feature.


 

Using ASA2’s collection feature

Learn more about ASA2’s collections feature.

This example uses options “image_size” and “title_font_css” to customize the layout limited to 5 items.