Content of the page

[woot]


Main shortcode which draws products table. Can be used without attributes using default values. With attribute 'id' (table id) used to display created tables in the plugin backend. All attributes has higher priority than the settings in the backend!

Attributes:

  • id: main attribute, means created on the backend table ID. You can create table and overload some its parameters with attributes below.
  • columns: set table columns. Example: [woot columns='id,thumbnail,title,price,sku,gallery,add_to_cart']. All possible columns keys you can get on the plugin admin page-> tab Settings -> button "All possible columns keys" on the settings table bottom.
  • cells_width: set width of the columns according to their order in the table: [woot cells_width='1px,200px,20%,auto']
  • per_page: set products count per page
  • per_page_sel_pp: set values per page, example: [woot per_page_sel_pp='5,15,25']
  • per_page_position: set pagination position. Example: [woot per_page_position='t']
    • t - top
    • b - bottom
    • tb - tot and bottom
    • none - do not show this drop-down
  • per_page_sel_position: set per-page drop-down position. Example: [woot per_page_sel_position='t']
    • t - top
    • b - bottom
    • tb - tot and bottom
    • none - do not show this drop-down
  • order_by: key by which products sort ordering after the page loading. All possible keys you can get on the plugin admin page-> tab Settings -> button "Order by keys" on the settings table bottom, see "Order by keys" in the appeared popup.
  • order: products sort ordering direction, 2 possible values here: asc OR desc
  • hide_text_search: each [woot] shortcode has searchinput above which allows to make searhing by product title, set 1 here to hide it if its nessesary
  • text_search_min_symbols: here you can set minimum count of symbols when searching by products title is visible
  • text_search_placeholder: placeholder for searchinput by products title
  • filter_form: add filter form above the table. Example: [woot filter_form='price,pa_color']. All possible keys you can get on the plugin admin page-> tab Settings -> button "All possible columns keys" on the settings table bottom, see "Order by keys" in the appeared popup.
  • hide_filter_form: if to set 1 will appear button instead of filter form, by click on this button filter form will be appeared
  • disable_filter_form: completely disable (hide) filter form if it exists
  • filter_provider: read more about it here. Example: woof
  • use_load_more:if to set 1 here - instead of pagination on the table bottom will appear button "Load More".
  • table_html_id: Example: 'my_great_table' - for CSS purposes or programming ones
  • post_status: using this attribute is possible to show products not only with 'publish' status. Example: 'publish,draft'
  • orderby_select_fields: if to set values here sort drop-down appears.  All possible keys you can get on the plugin admin page-> tab Settings -> button "All possible columns keys" on the settings table bottom, see "Order by keys" in the appeared popup.
  • compact_view_width: For small mobile devices. Here you can set window width less of which the table will be displayed in compact mode. Example: 500
  • hide_on_mobile: set columns which you maybe want to hide on mobile devices
  • show_cart: if to set 1 - shopping cart will be shown on the table top
  • cart_position: 0 - Cart right, Sorting dropdown left; 1 - Cart left, Sorting dropdown right
  • show_print_btn: show print button on the table left top
  • display_cell_info: display cell info on its mouse hover
  • skin: skin for the current table, read more about skins here
  • current_page: start page after table loading. Example: 4
    Also using GET data it is possible set page number by link, example: https://demo.products-tables.com/?current_page=7 - make your attention on the link field 'current_page'
  • use_flow_header: flying header when scroll table. Enabled by default.
  • predefinition: only in JSON format, not recommended to use it in this way as is error possible, better use with table tools -> tab "Predefinition", but you can do it, example: [woot predefinition='{"ids":"13287,12851,12843", "author":2, "on_sale_only":1, "in_stock_only":1, "featured_only":1, "bestsellers":4, "newest":2, "by_taxonomy":"product_cat:25,26|pa_color:19|rel:AND","sku":"sku-abc,sku-yes,sku-green-l","ids_exclude":"13552","not_by_taxonomy":"pa_color:19|pa_size:21|rel:or"}']
  • author: get products by their author id. Can be used for membership plugins.
  • mode: possible values - 'ajax', 'to_json'. Ajax mode is always on if not redefined by this attribute. 'to_json' mode allows to cache products data on the fly and user can navigate trought them in the table without server requests, searching by product title only (filters works with database only)!  If set json or to_json mode 'orderby_select_fields' will be disabled! See the demo here.
  • filter_provider: special attribute which allows to synchronize WOOT database requests with different plugins as products filters for woocommerce, for example: woof, mdtf. Some examples of using here. Read developers info here.
  • woot_text_search_by: special attribute for textinput 'Search by title' which by default search product only by its title. By this attribute you can extend searching it by next fields: post_title (default), post_content, post_excerpt. Also if you using textinput by title from filter constructor this attribute also will help to use text searching by the one textinput.
  • css_classes: any CSS classes  for the table container
  • no_found_text: custom text when no products found
  • table_view: only one value is possible here - 'separated', separates cells of the product table. See demo pages to understand:

Some examples of  mixeed using:

  • [woot id=25 columns='id,title,product_cat,pa_color,pa_size' cells_width='1,80%,auto,150']
  • [woot id=14 columns='id,title' filter_form='price']
  • [woot id=13280 table_html_id='tt13280aa' post_status='draft' orderby_select_fields='price,price-desc']
  • [woot_upsells id=49 columns='id,title,price,hmeta_1,add_to_cart' compact_view_width=800]
  • [woot columns="id,post_title,cars_model" per_page=4 per_page_sel_pp="2,4,6,8" per_page_position='t' per_page_sel_position='t' order_by='post_title' order='asc']