[woot]


Main shortcode for the WooCommerce Products Table. Draws woo 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 - top 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 - top 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 search-input above which allows to make searching by product title, set 1 here to hide it if its necessary
  • text_search_min_symbols: here you can set minimum count of symbols when searching by products title is visible
  • text_search_placeholder: placeholder for search-input 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
  • 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 drop-down left; 1 - Cart left, Sorting drop-down 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', 'json'. Ajax mode is always on if not redefined by this attribute. 'to_json' mode allows to cache posts data on the fly and user can navigate through them in the table without server requests, searching by posts title only (filters works with database only)! 'json' not get posts by ajax and display on the page completely cached table exactly after page loading. As 'json' mode uses on the backend, on the front with this mode should be applied shortcode attribute is_front=1If 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 text-input '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 text-input by title from filter constructor this attribute also will help to use text searching by the one text-input.
  • 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:
  • post_title_as_text - disabling/enabling link on product title (1/0)
  • disable_link_on_thumb - disabling/enabling link on product thumbnail (1/0)

Some examples of  mixed 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']