Woo Product Table Pro
v7.0.0

#Intro

Woo Product Table Pro 7.0.0

Woo Product Table Pro offers to display all products or specific products as table in a searchable & sortable table view by Shortcode. Perfect for wholesale stores, product catalogues, order forms, restaurant orders & more. Fully responsive and mobile friendly.

Created:10/09/2017

Last updated:07/19/2020

Author name:Saiful

Author user:Codeastrology

Email:codersaiful@gmail.com

Thank you for purchasing my plugin. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here or you can contact with plugin Support page Woo Product Table Pro Support. Thanks so much.

#Installation

As a WooCommerce Add-ons plugin, first you have to confirm that, WooCommerce is already installed in your site. Also confirm that you have few Products available in your store. See How to install WooCommerce. And add products to your store. After evreything is setup properly, use Woo Product Table Pro Shortcode.

From v7.0.0, we have made our Woo Product table Pro plugin as an addon of our free plugin Woo Product Table – Free WooCommerce Table view solution.
So from now, our free plugin must have to be installed to activate Woo Product Table Pro.

Step 1 First extract your zip file, what you have downloaded from Codecanyon. And enter to extracted folder. up to -> inside [Main Files] folder.

Step 2 Chose right plugin file. Like following screenshot:

Step 3 In your WordPress Admin Panel, go to Plugins > Installed Plugins

Step 4 Click on the Add New button

Step 5 Click on the Upload Plugin button

Step 6 Activate the newly installed Plugin

custom-designed-table.png

#Getting Start

As a WooCommerce Add-ons plugin, first you have to confirm that, WooCommerce is installed in your site. Also confirm that you have few Products available in your Store. See How to install WooCommerce. And add products to your Store.

If you are a Woo Product Table Pro newbie, these steps will help you understand the essentials of successful product table creating and showing. You will learn about:

  1. Create a New Table on WordPress and Product Table edit screen

  2. Select your desired columns to show in product table

  3. Select basic query

  4. Set few conditions on table

  5. Setup advanced search box and mini filter

  6. Customize your table's design

  7. Configure your table's settings

  8. Make your table responsive

  9. Publish the table then copy and paste table's shortcode where you need

#Column Overview

  1. Column Title: Give the column a nice name

  2. Disable Description: Don't want to show product short description with product title? By checking this you can hide product short description.

  3. Link Options (Only for Product Title/Thumbnail): You can disable, enable product link or you can enable YITH Quickview on product title and thumbnail. (For YITH Quickview you must have to installed and activated YITH Quickview plugin.)

  4. Wrapper Tag: You can select any tag to wrap this column items. For inner items you need to set tag on that specific columns wrapper tag.

  5. Column Inner Items: Select these items to show up that columns data in this column. These inner items could be order by simply drag and drop.

  6. Wrapper Tag Class: Add custom class to wrapper tag.

  7. Checkbox: This checkbox is responsible for enable/disable this column.

  8. Up/Down Arrow: Using this up and down arrow you can move the column one up/down.

  9. Collapse/Expand: To expand and collapse this section.

#Basics Overview

  1. Category Includes: Select categories to show products in the table from these categories.

  2. Product Includes: Select single products to only these selected products show in the product table.

  3. Product Exclude: Select single products to exclude them from the product table.

  4. Category Exclude: Select product categories to exclude their products from the product table.

  5. Tag Includes: Select product tags to include their products in the product table.

  6. Ajax Action (Enable/Disable): Enable or disable ajax on product table.

  7. Ajax for Pagination (Enable/Disable): Enable or disable ajax pagination on product table.

  8. Mini Cart Position: Change mini cart position.

  9. Table Head: You can hide or show table head using this option.

  10. Pagination On/Off: You can disable table's pagination from here.

  11. Checkbox Auto check on table Load: Enable or disable all product checked on table load.

  12. Set a class name for Table: Add custom class for custom design.

  13. Temporary Number for Table: Table ID when you need use it.

  14. (Add to cart) Text: Add custom add to cart button text.

  15. (Add to cart(Selected]) Text: Add custom add to cart selected button text.

  16. (All Check/Uncheck) Text: Add custom all check/uncheck label text.

  17. AuthorID/UserID/VendorID (Optional): If you want to show products from specific vendor.

  18. author_name/username/VendorUserName (Optional): If you want to show products from specific vendor.

  19. Product Type (Product/Variation Product): Choose when you want to show only variable product in a table with one click add to cart feature.

#Condition Tab

  1. Sorting/Order: Set the product table's shorting order.

  2. Order By: Select meta field to short product table.

  3. Set Minimum Price: Set the minimum price condition on product table.

  4. Set Maximum Price: Set the maximum price condition on product table.

  5. Description Type: Set the description type condition on product table.

  6. Only Stock Product: If you want to show only stock products.

  7. Only Sale Products: If you want to show only sale products.

  8. Post Limit/Per Load Limit: The maximum number of products you want to show in one page.

  9. Third Party Addons Supporting: Whenever you need to work other plugin which doesn't working with our product table.

#Design Tab

  1. Select Template: Design your table with our pre-defined template.(Work-in-progress)

  2. Table Customize: You can customize you product table using this design tab.

#Configuration Tab

  1. Basic Settings: From this section you can control your table specific configuration.

  2. Label Text: From this section you can change all the buttons, input fields, custom messages texts.

  3. External Plugin: From this section you can change external plugin YITH's label text.

  4. Table's Default Content: Change stock, backorder messages.

  5. All Messages: All other messages could be changed from here.

#Responsive Tab

  1. Mobile Column: From this column you can select which columns you want to show in the mobile devices.

  2. Tablet Column: From this column you can select which columns you want to show in the tablet devices.

  3. Drag and Drop Column: You can re-arrange all the items by simply drag and drop.

#Plugin Features

  • Multiple items in a single column new
  • Shortcode Column new
  • Content Column new
  • ACF's lots of field type supported new
  • Add unlimited blank column for inner items new
  • Basic tabs UI/UX improved new
  • Each Item or Products wise Count System new
  • Developer friendly code structure new
  • Product table query by any custom field
  • Product table query by only Stock Products
  • Product table query by only Sell Products
  • More options for image and product title
  • Table with selected product
  • Category list order customizable
  • Predefined table templates
  • Table Design Customizer
  • Footer Cart
  • Supporting Variation Swatch
  • Number Pagination
  • Ajax Pagination
  • Keep saved table data
  • Tiny Shortcode
  • Product Attributes
  • Product Variation
  • Compatible with all type min-max plugin
  • Auto detect default selected variation
  • WooCommerce Product as Table
  • Fully Mobile Responsive
  • One Click Shortcode Generator
  • Select your column with checkbox
  • Drag and drop column to rearrange position
  • Quick Order/Buy Option
  • Ajax Add to Cart
  • Enable/Disable Ajax Action
  • One click multi-purchase
  • Direct checkout/quick buy multiple products
  • Compatible with YITH
  • Quick View
  • Quote Request
  • All Message customizable
  • Instant Search
  • Advance Query/Search Box
  • Page load for pagination
  • Mini Filter
  • Mini cart in each Table
  • Compatible with WCK
  • Custom Taxonomy Support as column in Table
  • Custom Fields Support as column in Table
  • Custom message send for Each product
  • Product Variations Supported in Table
  • Front-end Live search also with Menu Order
  • Mini-cart show/hide and customize
  • All type Message is customizable
  • Thumbs image LightBox
  • Mini-filter taxonomy sorting
  • Advance Search box taxonomy sorting
  • Able Add/Remove Product link from Table
  • Able Add/Remove Product category/tag’s link from Table
  • Customizable Each Table Differently
  • Table Headers Are Customizable
  • Best Customer Support

#FAQ

Can I search with SKU?

Ans:Yes, from version (6.0.7), You able to customized Advanced Search Field. It will only work from 6.0.7

Can I customize my table's design?

Ans:Yes, from version (4.4), You able to customized your table design. It will only work for latest version

Is my table's configuration is saved for use future?

Ans:Yes, from version (4.1) each table's configuration is saved as Table ID. You can edit any Table from the Table ID where your pre used table configuration remain same as before.

Will it work with old shortcode?

Ans:Yes, It's compatible with both old and new shortcode.

Is there any way, where I can duplicate or copy an existing PRODUCT_TABLE 's shortcode

Ans:Yes, You can use any Post Duplicator plugin. Don't worry about temporay_number of table's. Our plugin will automatically generate new one.

Can I show product's attribute in table column?

Ans:Yes, It's possible from V4.0 version. If you have old version, Atrributes column will not work.

Can I display product's variation in another column?

Ans:Yes, It's possible from V4.0 version. If you have old version, Variations column will not work. Note:

Is there a possibility to show product variations in the table?

Ans:Product variation automatically displays in action column where Add to cart button available.

How does Woo Product Table pro work?

Ans:The plugin lets you add product tables to any page, post or widget by Shortcode. To create a WooCommerce table view, simply choose the options for your product tables on the settings page(Dashboard -> Product Table->Add New Shortcode) and Publish the Shortcode.
You will get a table ID. Copy and paste that table id to your desired Page/Post.You can always contact us for expert advice on advance uses of Woo Product Table Pro.

Is there a possibility to show product variations in the table?

Ans:Yes, It's possible.

Can I choose which products are displayed?

Ans:Yes, there are lot of options to choose which products are included (or excluded) in the table. Select products by category, max-price, min-price, sort etc.

Can I customize the column headings?

Ans:Yes, you can customize heading of all the columns in the table. Also you can hide the table header if you want.

Will it work with my theme?

Ans:We have tested Woo Product Table pro with a range of free and premium themes and are confident that it will work perfectly with your theme.

Which version of WordPress is supported?

Ans:Woo Product Table is fully tested with the latest version of WordPress. We always recommend running the most up-to-date version of WordPress, but this plugin supports older installations

Is there any Video Tutorial?

Ans:Yes, there are few Youtube Video Tutorial available. Video link for Woo Product Table pro using and configuring.

I want to show different product table in different pages based on different categories. Any way?

Ans:Yes. Definitely there is a way. You can show your products in the table according to your selected categories. For doing this go to Dashboard->Product Table->Shortcode Generator) and click on the Basics tab.You will find there a field "Category Includes" . Just click on that field and select your category which you want show, and finally generate the shortcode.

How to set a custom class name in the table, so that, I can apply custom design on the product table?

Ans:Yes. You can set a class name for the table. For this Go to shortcode generator (Dashboard->Product Table->Shortcode Generator). Click on the Basics tab and find a field named "Set a Class name for Table" . Set your desired class name in the field. That's it.

How to install the update?

Ans:You can easily update our plugin. First, you've to deactive old version. Then, delete it. Now, reinstall again our latest version plugin and active it.

Is it possible to add some custom fields in the product table?

Ans:Yes, it's.You just add the custom field slug inside the shortcode with prefix of "cf_". For example, If your custom slug is color then the shortcode will be just like this, column_keyword='cf_color,thumbnails,product_title" column_title='Color,Thumbnails,Product Title" . Thus you can add custom field into your product table.

Is it possible to change Mini Cart's position of WPT Pro, or can I hide it?

Ans:Yes, position can be changed. Also you can hide, if you want. When you generate a shortcode, you will get a drop-down option named "Mini Cart Position" from shortcode generator's Basics Tab. There are three options named Top, Bottom or none. Select anyone from here.

Does this plugin support WooCommerce Product Add-Ons plugin?

Ans:Our plugin isn't compatible with WooCommerce Product Add-Ons plugin at this moment. We hope to add this in future.

How to show products in the table which are only in stock?

Ans:In our table "Only Stock" products shows by default. But, if you want to change that all products will be shown in the table then you need to change it in the shortcode. For doing this, go to shortcode generator (Dashboard->Product Table->shortcode Generator). After clicking on the conditions tab you will see a drop-down named "Only Stock Product", you can disable/enable from here. Or you can do it by editing the shortcode also. Just add the attribute and value only_stock="no" inside the shortcode. Thanks.

Can i insert a short message for my product in the product table? If yes, then how to do it?

Ans:Yes, you can. To do it, check and enable "Short Message" column from Shortcode Generator and generate shortcode. (Dashboard->Product Table->Column) You can use your preferred column title then using "Short Message" in shortcode.

Is "Woo Product Table Pro" plugin mobile friendly? Is it responsive?

Ans:Yes. It's 100% responsive. Even you can disable the responsive option, if you want.

How to change the column of table?

Ans:Go to Dashboard and click on product table. Then in the shortcode generator section select column tab. Here will be a shortcode panel of different column. You can edit it here.

There are many message shown in the table, from where can i change it?

Ans:Yes, it's. You can change all types of messages from plugin's configure page. Note: The table's message, i mean the options we will change in configure page, is global. So, it will works for all table. All table will look alike.

Product table is working automatically responsive, any way to disable it?

Ans:Yes, there is. Go to "Mobile Issue" tab in Shortcode Genarator. You will get a dropdown named "Mobile Responsive" . You can Enable/Disable it by "Yes/No

Is there a way, by which i won't make my table responsive, instead, i will hide some column for mobile devices?

Ans:Yes, it has. Go to "Mobile Issue" tab from shortcode generator, here you will get a drop-down called "Mobile Responsive". Select "No Responsive" from "Yes/No Responsive" Then, check from "Hide on Mobile" option, which column you want to hide on mobile. Next, generate shortcode.You can edit shortcode , if you want. Use (mobile_hide='here column_keywords with coma').

Do you have a free version of your plugin, so that, I can check the free version, whether it's working on our site?

Ans:Yes, we have a free version too. By which you can check it on your site. Link of free version: https://wordpress.org/plugins/woo-product-table.

I want to show only those products which prices are less than $9. How to do it?

Ans:You can do it very easily. To do it, Go to shortcode generator (Dashboard->Product Table->Shortcode Generator). Click on the conditions tab then you will see a field "Set Maximum Price". Set your desired price in the field and generate the shortcode. Done ! For example: You want to show products less than $15 then put the number 15 in the "Set Maximum Price" field.

I don't want to show thumb image in the table. What to do in that case?

Ans:Very easily, just avoid adding Thumbnails column. I mean, when you choose column to generate shortcode, choose your necessary column instead Thumbnails column and generate shortcode. That's it.

I don't want to show the mini cart. How can I hide or disable it ?

Ans:Yes, you can hide, if you want, when you generate a shortcode, you will get a drop-down option named "Mini Cart Position" from shortcode generator's Basics Tab. There are three options named Top, Bottom or none. Select anyone from here. Selecting none generate shortcode, it will hide.

How to disable the link of Categories and Tag?

Ans:Navigate to Dashboard > Product Table > Configure. Then, select Yes from Disable [Categories and Tags] Link option.

How to set a custom class name in the table so that I can apply custom design on the product table?

Ans:You can set a class name for the table. For this, go to shortcode generator (Dashboard > Product Table > Shortcode Generator). Click on the Basics tab and find a field named "Set a Class name for Table". Set your desired class name in the field. Use (mobile_hide='here column_keywords with coma') otherwise. That's it.

Is Thumbnails image re-sizable?

Ans:Yes, you're able to customize thumbs image for your product's table. Go to Configure page of our plugin (Dashboard->Product Table->Configure). Over there, you will find a input box called "Thumbs Image Size". Set your image size's dimension. Remember, here supports only int/numeric number. So don't insert px or inc etc. Only number. For example if you input 100 then image size will be 100px x 100px.

#Screenshots

Profuct table screenshots

live demo

These screenshots show some of the different uses of our WooCommerce product table by Plugin - Woo Product Table pro. The exact styling will depend on your theme.

New Column Design

Search with different options

Mobile and Tablet Responsive Layout

Column Inner Items

Custom Design Template

Custom Column Contents

Multiple Items in one Column

Table with Content Column

#files structure

woo-product-table-pro
  • admin
    • includes
      • right_side.php
    • tabs
      • basics.php
      • column_settings.php
      • conditions.php
      • mobile.php
      • search_n_filter.php
    • ajax_table_preview.php
    • configuration_page.php
    • forms_admin.php
    • menu.php
    • plugin_setting_link.php
    • style_js_adding_admin.php
  • css
    • admin.css
    • responsive-table.css
    • select2.css
    • template.css
    • universal.css
  • images
    • arrow.png
    • arrow_down.png
    • arrow_top.png
    • arrow_ps.psd
  • includes
    • ajax_add_to_cart.php
    • functions.php
    • no_woocommerce.php
    • shortcode.php
    • style_js_adding.php
  • js
    • admin.js
    • custom.js
    • custom_with_woocommerce_params.js
    • for_premium_yith_wc_queto_help.js
    • frontend.js
    • select2.js
  • index.php
  • readme.txt

#html css js structure

HTML Structure

<div id="wpt_table_wrapper" class="wpt_customized_table_wrapper wpt_temporary_wrapper_186 wpt_product_table_wrapper dataTable_wrapper ">
    <h1 class="wpt_table_title">My Favorite Product Table</h1>
    <table id="wpt_table" class="wpt_customized_table wpt_temporary_table_186 wpt_product_table dataTable_table display dataTable">
        <thead>
            <!-- Table column Row start -->
            <tr class="wpt_table_header_row wpt_table_head">
                <th class="thumbnails">Thumbnail</th>
                <th class="product_title">Product Name</th>
                <th class="category">Category</th>
                <th class="rating">Rating</th>
                <th class="price">Price</th>
                <th class="quantity">Qty</th>
                <th class="action">Action</th>
            </tr> <!-- End tr .wpt_table_header_row -->
        </thead>
        <tbody>
            <!-- Table body row start -->
            <tr role="row" slug="hoodie-with-zipper" title="Hoodie with Zipper" product_id="32" id="product_id_32" class="wpt_row wpt_row_serial_1 wpt_row_product_id_32 even">
                <td valign="middle" class="wpt_thumbnails"><img width="56" height="56" src="__product_image_link__" /></td>
                <td class="wpt_product_title"><a target="_blank" href="_product_link__">Hoodie with Zipper</a></td>
                <td class="wpt_category"><a href="_product_link__" rel="tag">Hoodies</a></td>
                <td class="wpt_rating woocommerce">
                <div class="star-rating" title="Rated 0 out of 5"><span style="width:0%"><strong itemprop="ratingValue" class="rating">0</strong> out of 5</span></div>
                </td>
                <td class="wpt_price" id="price_value_id_32"> <span class="wpt_product_price"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">&#36;</span>45.00</span></span> </td>
                <td class="wpt_quantity" target_id="32">
                <div class="quantity">
                <input type="number" class="input-text qty text" step="1" min="0" max="" name="quantity" value="1" title="Qty" size="4" pattern="[0-9]*" inputmode="numeric" />
                </div>
                </td>
                <td class="wpt_action" parent_id="32"> <span class="wpt_product_price"><a rel="nofollow" href="/woo-product-table-pro/?add-to-cart=32" data-quantity="1" data-product_id="32" data-product_sku="" class="button product_type_simple add_to_cart_button ajax_add_to_cart">Add to cart</a></span> </td>
                </tr> <!-- Table body row End -->
                <!-- Table body row start -->
                <tr role="row" slug="sunglasses" title="Sunglasses" product_id="29" id="product_id_29" class="wpt_row wpt_row_serial_2 wpt_row_product_id_29 odd">
                <td valign="middle" class="wpt_thumbnails"><img width="56" height="56" src="-__Product_image_link_" /></td>
                <td class="wpt_product_title"><a target="_blank" href="__product_link__">Sunglasses</a></td>
                <td class="wpt_category"><a href="__category_link__" rel="tag">Accessories</a></td>
                <td class="wpt_rating woocommerce">
                <div class="star-rating" title="Rated 0 out of 5"><span style="width:0%"><strong itemprop="ratingValue" class="rating">0</strong> out of 5</span></div>
                </td>
                <td class="wpt_price" id="price_value_id_29"> <span class="wpt_product_price"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">&#36;</span>90.00</span></span> </td>
                <td class="wpt_quantity" target_id="29">
                <div class="quantity">
                <input type="number" class="input-text qty text" step="1" min="0" max="" name="quantity" value="1" title="Qty" size="4" pattern="[0-9]*" inputmode="numeric" />
                </div>
                </td>
                <td class="wpt_action" parent_id="29"> <span class="wpt_product_price"><a rel="nofollow" href="/woo-product-table-pro/?add-to-cart=29" data-quantity="1" data-product_id="29" data-product_sku="" class="button product_type_simple add_to_cart_button ajax_add_to_cart">Add to cart</a></span> </td>
            </tr> <!-- Table body row End -->
        </tbody>
    </table>
</div>

PHP Structure

<?php

    /**
    * Taxonomy column generator
    * clue is: tax_
    *
    * @param type $item_key
    * @return String
    */
    function taxonomy_column_generator( $item_key ){
        $key = 'tax_';
        $len = strlen( $key );
        $check_key = substr( $item_key, 0, $len );
        if( $check_key == $key ){
        return $item_key;
        }
    }

    /**
    * Custom Fields column generator
    * clue is: cf_
    *
    * @param type $item_key
    * @return String
    */
    function customfileds_column_generator( $item_key ){
        $key = 'cf_';
        $len = strlen( $key );
        $check_key = substr( $item_key, 0, $len );
        if( $check_key == $key ){
        return $item_key;
        }
    }

    /**
    * Making new String/description based on word Limit.
    *
    * @param String $string
    * @param Integer $word_limit
    * @return String
    */
    function wpt_limit_words($string = '', $word_limit = 10){
        $words = explode(" ",$string);

        $output = implode(" ",array_splice($words,0,$word_limit));
        if( count($words) > $word_limit ){
        $output .= $output . '...';
        }
        return $output;
    }

CSS Structure

/********************** Template: Default ************************************/

.default_table{
    position: relative;
    border-collapse: collapse;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.default_table thead{
    border-bottom: 2px solid #36304a;
}
.default_table thead .wpt_table_header_row th{
    height: 50px;
    color: #36304a;
    background: #F8F8F8;
}
.default_table td,
.default_table th {
    padding: 10px;
    text-align: center;
}
.default_table tbody tr td{
    border: 1px solid #F6F6F6;
}
.default_table .wpt_row td img{
    width: 100px;
}
.default_table tbody tr{
    transition: all .5s;
}
.default_table .tr_bg_1{
    background: #FDFDFD;
    padding: 10px;
}
.default_table .tr_bg_2{
    background: #FBFBFB;
    padding: 10px;
}
.default_table tbody tr:hover{
    background: #f7faff;
}
.default_table tbody tr a.button{
    display: inline-block;
    padding: 10px;
    background: #36304a;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    font-weight: bold;
}
/*for hover of default template*/
table#wpt_table.wpt_product_table.default_table thead>tr>th.this_column_sorted {
    background-color: rgb(245, 245, 245) !important;
}

/********************** Template: Default ************************************/

JS Structure

(function($) {
    $(document).ready(function() {
        var ajax_url,ajax_url_additional = '/wp-admin/admin-ajax.php';
        //console.log(ywraq_frontend);
        //console.log(woocommerce_params);
        if ( typeof woocommerce_params === 'undefined' ){
            var site_url = $('div.wpt_product_table_wrapper').data('site_url');
            ajax_url = site_url + ajax_url_additional;//'/wp-admin/admin-ajax.php';
            //woocommerce_params //wc_add_to_cart_params
        }else{
            ajax_url = woocommerce_params.ajax_url;
        }
        console.log(ajax_url);//Only for Developer
        if( ajax_url === 'undefined' + ajax_url_additional ){
            console.log( 'WOO PRODUCT TABLE is not Available to this page \nOR:::SORRY!!!!: woocommerce_params is Undefine also ajax_url also undefined. So ajax will not work not. Contact with codersaiful@gmail.com' );
        return false;
        }

        /**
        * Getting object for config_json from #wpt_table table.
        * Can be any table. because all table will be same config json data
        *
        * @returns {Objectt}
        */

        var config_json = $('#wpt_table').data('config_json');
        if ( typeof config_json === 'undefined' ){
            return false;
        }
        console.log(config_json);


        load_wpt_cart(ajax_url, 'no');

        /**
        * Load Minicart Normally above at table, although we can set to bottom
        *
        * @param String ajax_url
        * @param boolean true_false
        * @returns void
        */
        function load_wpt_cart(ajax_url,true_false){
            $.ajax({
                type: 'POST',
                url: ajax_url,// + get_data,
                data: {
                    action: 'wpt_cart_auto_load',
                },
                success: function(data) {
                    if(data.search(config_json.mcart_empty_now) < 200){ //'Your cart is empty.'
                    $('.tables_cart_message_box').html(data);
                    }
                    if(true_false === 'yes'){
                    $('.tables_cart_message_box').html(data);
                    }
                },
                error: function() {
                },
            });
        }


        $('body').on('click','a.remove',function(){

        var setFewSeconds = setInterval(function(){
            load_wpt_cart(ajax_url, 'yes');
            clearInterval(setFewSeconds);
        },3000);
    });
})(jQuery);

#credits

I've used the following JavaScript Library.

jQuery

jquery

Select2 - The jQuery replacement for select boxes

select2.org

Select2 jQuery plugin for modern selection in Setting page

Bootstrap v4.1

getbootstrap.com/

Magnific Popup

github.com/dimsemenov/Magnific-Popup

Only for Documentation.

#Changelog

v7.0.0 (07/19/2020)

  • New: Column design
  • New: Quantity button added
  • New: Multiple items in a single column
  • New: Shortcode Column
  • New: Content Column
  • New: ACF's lots of field type supported
  • New: Add unlimited blank column for inner items
  • New: Each Item or Products wise Count System
  • New: Developer friendly code structure
  • Update: Basic tabs UI/UX improved
  • Fix: Search using custom meta field
  • Fix: Responsive issue
  • Fix: Mini filter and taxonomy sorting
  • Fix: Footer cart update issue

v6.0.16 (06/24/2020)

  • Currency position issue fixed
  • Ajax Pagination added and Footer Cart Issue solved
  • No responsive issue fixed

v6.0.15 (06/21/2020)

  • Elementor conflict issue solved
  • AutoCheckbox issue on Pagination and load more issue fixed
  • LoadMore loading text issue fixed
  • Quantity increase decrease buttons added
  • Bug Fixed

v6.0.7 (06/15/2020)

  • More options for image and product title
  • Product table query by only Sell Products
  • Product table query by any custom field
  • Bug Fixed

v6.0.6 (06/10/2020)

  • Only Sale features added
  • Only stock feature added
  • Few bug fixed

v6.0.5 (06/07/2020)

  • Few features added on product thumbs and title such as popup enable disable link
  • Few bug fixed

v6.0.3 (05/28/2020)

  • Pre-define template feature added again
  • Few bug fixed

v6.0.2 (05/25/2020)

  • Custom Field Search, Search from title or content Feature added
  • Search from SKU Feature Added

v6.0.1 (05/20/2020)

  • Advance search - search with Specific term or location for search from
  • no_ajax_action issue fixed
  • stock_status, publish etc class added to tr
  • just z-index added to thumb PopUp cross button
  • tax link and cf link class name fixed
  • tax link and cf link class name fixed
  • Few bug fixed

v6.0.0 (05/14/2020)

  • Cart update undefine issue fixed

v5.7.7

  • Few bug fixed

v5.7.5

  • Duplicate features is added to pro version
  • In-stock message update from configure for "Empty value"

v5.5.2

  • SKU issue solved
  • Flatsome theme issue fixed

v5.4.0

  • Load More variation change
  • Attribute link remove feature
  • Few bug fixed

v5.3.5

  • Search meta value added
  • Few bug fixed

v5.7.2

  • Filter for custom field feature added
  • Search feature fixed of bug

v5.7.0 (11/11/2019)

  • Search Issue fixed
  • Taxonomy and Custom Field label showing in Mobile
  • Bug Fixed

v5.6 (11/02/2019)

  • SKU or any custom field search issue fixed
  • Flatsome theme Compatible.
  • Bug Fixed

v5.5 (10/23/2019)

  • Auto Update Feature added
  • Bug Fixed

v5.4 (10/10/2019)

  • CSS issue fixed
  • Variations issue of loadMore - fixed
  • Variations issue of Pagination - fixed
  • Filter Space between words issue fixed
  • taxonomy link disable issue fixed
  • Bug Fixed

v5.3 (09/18/2019)

  • Bug Fix
  • Variations name issue fixed
  • Price changing in Mobile version issue fixed
  • Variation Image changing in mobile issue fixed
  • javascript other cart plugin issue fixed
  • other plugin's conflict issue fixed

v5.2 (08/07/2019)

  • Auto Responisve for Mobile, Tab, Desktop
  • Load More issue fix on new version
  • taxonomy, Custom field issue fixed
  • Minicart Load Alert Remove
  • Faster speed
  • Column remove from tab option added
  • Drescription column removed and added in Product Title column
  • Cart meta issue, Duplicate cart item issue fixed

v5.1 (07/27/2019)

  • Admin tab issue fix
  • other plugin's conflict issue fixed
  • javascript other cart plugin issue fixed

v5.0 (07/11/2019)

  • Translation issue fixed
  • Different Configuration available for different table shortcode
  • Bug Fix
  • SSL issue fix for style and js file
  • And so on...

v4.9 (06/24/2019)

  • Set custom Category/Taxonomy in Search box with custom Order
  • Post_Include feature added. Able to set specific product in table with custom order Easily.

v4.8 (05/20/2019)

  • Mini-Filter fixed, Now only show available Taxonomy
  • Advance Search box option change to select tag and customizeable
  • Yoast SEO conflict fixed
  • Custom-field spelling fix

v4.7 (04/13/2019)

  • Footer Cart Customization features

v4.6 (04/10/2019)

  • REMOVED OLD SHORTCODE SYSTEM
  • Awesome Footer Cart Added
  • Per product cart count and will update globally
  • Variation Swatch support
  • Product Addons supported
  • Cart quantity will display with per [Add to cart] button - for added item
  • Cart quantity will display with per product - for addedToCartSelected button
  • Adding spin for loading - add to cart
  • Quote Request issue fix
  • JS issue fixed
  • All text Translatable
  • Products not founded' message is changeable from configure
  • Old shortcode's feature has totally removed

v4.5 (03/14/2019)

  • Ajax Advance Search
  • Design customizer bug fix

v4.4 (02/06/2019)

  • Table Design customizer Added
  • Table's all element is custimzeable

v4.3 (1/29/2019)

  • Ajax Pagination
  • Bug fix

v4.2 (1/24/2019)

  • Table head Hiding Mobile's CSS issue Fix
  • AddToCart's vertical middle issue fixed for Responisve version
  • MiniCart's None Issue fixed
  • TempNumber updated - Now anybody can use any post duplicator plugin.

v4.1 (1/22/2019)

  • More Ligthweight
  • Table configuration saved as Table ID
  • Use Table by Table ID
  • Edit any table from Table ID
  • Lessen The Shortcode Length
  • Enable to Hide Table Header
  • Add Custom Taxonomy By a Click easily, no need to add in shortcode
  • Add Custom Field By a Click easily, no need to add in shortcode
  • No need shortcode editing
  • Able to change and customize of table's style,colum,content from custom_post type
  • But Fix
  • Variation wise LightBox image Display
  • And So many many feature Update

v4.0 (12/20/2018)

  • Bug Fix.
  • Attribute Display in another column.
  • Variations in different column issue fixed.
  • Thumbnails image Light Updated.
  • Thumbnails lightbox will show full and original size image with high resolutions.
  • Full Size image display in Light Box .
  • Return to default quantity after added to cart.
  • Uncheck automatically after added to cart.

v3.9 (11/28/2018)

  • Shortcode Supporting in Custom Field.
  • Default value issue fixed for Variation of product.
  • Variations/Attribute in different column issue fixed.
  • Now able to add Attributes as Individual Column.
  • Popup Notice Enable/Disable Feature added.

v3.8 (11/27/2018)

  • Code Optimized for better performance and speed.
  • Cart Validation Message
  • Compatible with all Min Max Plugin
  • Removed default quantity from configuration page
  • Load More button show/hide option

v3.7 (11/21/2018)

  • Advance search box's added default search order and order_by based on shortcode
  • date and modied_date collumn added at Table
  • Configure Page's design changed - So smart/so cool
  • "On Back Order" available now in Table
  • Mini cart update
  • Advance Cart Update
  • send 'add_to_cart','added_to_cart' event

v3.6 (10/29/2018)

  • Configuration's value Reset option fix when plugin update
  • Filter Text change option of Filter
  • Reset Button Text change option of Filter
  • Thumbs image size issue fix
  • Mini-cart Update automatically
  • Fix Responsive Issue for TD's height
  • Fix Responsive Issue for TD's width

v3.5 (10/17/2018)

  • Bug Fix for CSS add to cart button in shop page
  • Bug fix for Instant search's result all check
  • Hide Load_More Button when all "unlimited product
  • Load More button's bug fix, when click Search of "Advance Search"

v3.4 (10/10/2018)

  • Table design is updated based on new Design Trend.
  • Product Table Sort by SKU and also able to sort by any type Custom Meta value
  • Suppose you will able to sort by Custom Field Value
  • Able to sort by Custom Texonomy
  • New Table template added named "Beautiful Blacky"
  • Documentation Updated based on new feature
  • New and Modern design for Documentation
  • Design is Updated for Our plugin's Dashboard part

v3.3 (9/27/2018)

  • Search Box's Spelling fix.
  • Search Box's all text are changeable from Configure Page.
  • [Type your Message] Placeholder is changeable from configure page
  • Variations issue solved for any type variations.
  • Table Stock column's "In Stock" and "Out of Stock" is now change able from configure page.
  • Mini Cart's "Cart","View Cart" and "Checkout" Text also change able from configure page
  • Bug fix

v3.2 (8/18/2018)

  • Custom Icon for Add to cart button. Such: Only Icon, No icon, with left icon, with right icon
  • Ajax Action Bug fix, when Search and Load button clicked
  • Categories, tags unlink bug fix, when click Search Button

v3.1 (8/18/2018)

  • YITH Quick View supported.
  • Product displaying from publish, added post_status => 'publish'
  • Added Custom Message at Configure page for "There is no product based on current Query."
  • Setting product_single page link for external and grouped product
  • Bug Fix for URL of variations product when "no_ajax_action"
  • Link remove for Categories and Tags from Configure page
  • [Quick Buy] Feature Added for Each Product. See in configure page "Enable Quick Buy Button" and set it as Yes to Activate.
  • Image/Thumbs lighBox Enable Disable Features Added
  • Mobile Responsive issue fix of "smart thin" table Template
  • Instance Search Issue Fixed. Now "Instance Search" is case insensitive.
  • Search Box's item sorting. Able to control from Configure page.

v3.0 (8/18/2018)

  • Search Button's Bug Fix
  • Instance Search's Bug fix
  • Live column Sorting ascending/descending
  • Cart Removing Feature at Mini-Cart
  • Able to change "Items/Item" text from configure
  • Able to customize message from configure
  • Front-end Live search also with Menu Order
  • Able to remove Ajax Action
  • External/Affiliate product's Issue Fix
  • All Message customize able.
  • New Table Template [Smart Thin] - like Excel
  • Add to cart selected, Direct checkout page

v2.9 (7/27/2018)

  • Sorting by Menu Order
  • Default sorting by Menu Order
  • Compatible with Premium YITH Request Quote Plugin
  • Default Quantity changeable by Configure page
  • Total's column $ sign line-break text issue fix
  • Custom text for Already cart added - in Add to cart button
  • Custom text for Adding time - in Add to cart button

v2.8 (7/27/2018)

  • Bug Fix
  • Varitaions Bug Fix
  • Multi-Variations will work
  • Now [Any Item of Variation] will work

v2.7 (7/25/2018)

  • Fix Default Search Options
  • Button text customizing

v2.6 (7/20/2018)

  • YITH WooCommerce Request A Quote compatibility
  • YITH WooCommerce Wishlist compatibility
  • Advance Features for Instance Search

v2.7 (7/25/2018)

  • Fix Default Search Options
  • Button text customizing

v2.5 (7/19/2018)

  • Instance Search box

v2.4 (7/17/2018)

  • Dynamic Load More text
  • Show/hide Load More button
  • Image Size Change able
  • Configuration Default Page
  • Disable Enable Product Link
  • Product Link new_tab/own_tab

v2.3 (6/26/2018)

  • WPML Issue Fixed
  • Site URL fixed for ajax_url

v2.2 (6/26/2018)

  • Load More issue Fixed
  • Filter Issue Fixed
  • Able to add 0 priced Product at cart

v2.1 (6/26/2018)

  • Variations Product Adding issue Fixed
  • Search Box's checkbox issue Fixed

v2.0 (6/12/2018)

  • Bug Fix
  • Front-End Filter

v1.9 (6/11/2018)

  • Bug Fix
  • Advance Ajax Search and Filter
  • Ajax cart, Widget cart, cart count Update
  • Custom Message set at Order,
  • Custom Filed for Table Column
  • Custom Taxonomy for table colum,
  • Search by Custom Texonomy, Category, Tag, keyword, Order
  • Ajax Page load for pagination,
  • Live cart option at top/bottom and auto Update
  • Shortcode Generator from Dashboard Updated
  • 100% Mobile Friendly

v1.8 (6/02/2018)

  • Bug Fix
  • Multiplication error fix for Total Price
  • Default Decimal separator of Total Price

v1.7 (5/19/2018)

  • Bug Fix
  • spelling fix for sorting
  • WPML compatible

v1.6 (5/16/2018)

  • Bug Fix
  • Added Shorting by orderby - name,title,ID,date,comment count etc
  • Added (Add to cart - Selected )
  • (All Check/Uncheck) Text

v1.5 (5/13/2018)

  • Bug Fix
  • Modern Mobile Responsive
  • Total Column Added
  • Stock Amount Display

v1.4 (5/07/2018)

  • Bug Fix
  • Variations Issues Totally fixed
  • Table column short able, by Drag and drop
  • Stock/Instock info will show live
  • Multiple Add to cart feature
  • And many more

v1.3 (12/06/2017)

  • Bug Fix
  • Product Variations Added
  • Added Select2 jQuery plugin for modern selection in Setting page
  • Buying product Based on Variation from Table
  • Upgration Add to cart Button.
  • Able to change 'Add to Cart' button text
  • More customization on Setting page
  • Add feature to marking already added of cart items

v1.2 (10/04/2017)

  • Update Documentation

v1.1 (10/03/2017)

  • Bug Fix from Shortcode
  • Documentation Updated with Custom documentation
  • No WooCommerce Message include at Admin panel for Product Table Setting pagev1.0 (09/19/2017)
  • Initial release

v1.0 (09/19/2017)

  • Initial release

Once again, thank you so much for purchasing Woo Products Table Pro - Making Quick Order Table. As I said at the beginning, I'd be glad to help you if you have any questions relating to this plugin. No guarantees, but I'll do my best to assist. If you have a more general question related to the plugin on Codecanyon, Feel free to knock at our email: codersaiful@gmail.com or you might consider visiting the forums and asking your question in the "Item Support" section.

Saiful Islam