#Intro

Woo Product Table Pro 5.2

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:08/07/2019

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.

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.

Product Table settings page

If you properly install WooCommerce and Woo Product Table pro then this plugin will work properly. The plugin settings page (Dashboard > Product Table) includes a range of options for setting the defaults in your product tables. These will apply to all the product tables that you create.

Woo Product Table in Dashboard.

Shortcode list in ALL SHORTCODES page

Table Design Customizer from Dashboard

Configure Shortcode page , From here, you able to chage your table's everything

Easily add custom filed and Taxonomy in your table. No need to edit shortcode.

All data will stay saved in database to our wpt_product_table post_type

All contents are customizeable. Able to change from configure page as well as shortcode configure page of post_type

Gutenbert Supported, Able to paste anywhere

Total table will manage by tiny shortcode

Configuration Settings & Shortcode Generating

You will also be able to customize shortcode based on your Criteria. Go to your Configuration Settings & Shortcode Generating section from Setting page (Dashboard -> Product Table -> Configuration Settings & Shortcode Generating). Change Options here and Save for future. Available Options for setting are as follows:

Sorting

Choose sorting method, such as:- Ascending, Descending or Random sorting.

Template

There are some predefined templates available for table style. You can choose any of them for a table. If you choose none, than table will display with default template.

Min Price

Set Minimum price for your product catalogue. Suppose, you have set min price $10, then table will show product with minimum price $10. Only numeric number supports for this field.

Max Price

Set Maximum price for your product catalogue. Suppose: you have set min price $100, Than Table will show product with maximum price $100. Only numeric number supports for this field.

Product Description Length

Define Character amount limit for product description. Only numeric number support for this field.

No WooCommerce Message

If WooCommerce is not installed and Activated properly, Them you will get a message "Sorry, WooCommerce is not Active". Please Check. See screenshot shown bellow

#Video Tutorial

Need video help? See Youtube video

To get all new Video Tutorial, See Product Page

#Plugin Features

Table with selected product new

Post_Include feature added. Able to set specific product in table with custom order Easily.

Category list order customizable new

Advance Searchbox 's category/taxonomy order is customizable.

Table Design Customizer

Customize your Table's design by our Table Design Customizer.

Footer Cart

Awesome footer can at the bottom site of your browser.

Supporting Variation Swatch

Supporting Variation swatch in our new and Advance Version.

Number Pagination

Page Number pagination Available for all type. Even able to disable for any specific table.

Ajax Pagination

We have Strong and smooth pagination available. No need page load for pagination. It's Ajax.

Keep saved table data

All table will manage from product table custom_post_type, so no need to edit shortcode

Tiny Shortcode

Table will manage based on ID, so shortcode to tiny.

Product Attributes

In individual column - you are able to display all Atrributes of your individual product.

Product Variation

Normally product variation displays in action column, but in new version, you are able to display in another and individual column.

Compatible with all type min-max plugin new

Table's quantity field will support with all type Min,max quantity plugin. But our recommended plugin is WooCommerce Min Max Quantity & Step Control .

Auto detect default selected variation new

In variation column, product's default variation value will stay selected.

WooCommerce Product as Table

With Woo Product Table Pro you can show all your products or specific products in a table.

Fully Mobile Responsive

Woo Product Table Pro comes with a responsive design that is compatible with mobile(any display resolutions). You can add or remove columns as you want for mobile users.

One Click Shortcode Generator:

This Plugin operates with a shortcode generator, ease to use, need no programming idea. All you have to do is, generate the shortcode, copy it and paste in your desired page or post.

Select your column with Checkbox To Make Your Table:

You can choose what to show in your table. To choose an info, like Product Name/Categories/Rating just tick the checkbox, or keep untick otherwise.

Drag and drop feature to arrange tables column position

By this feature, tables column position can easily be set as you need, and you can do it for individual table.

Quick Order/Buy Option

When you click on Add to Cart in a table, it will redirect you to the Checkout page, that saves your time.

Ajax Add to Cart

Enabling this feature/option, your products will be added in a Mini-Cart above the table, needs no page reload.

Enable/Disable Ajax Action

Want to offer your visitor redirect to the product page, as they click on Add to Cart? Just disable the Ajax Action.

One click multi-purchase

You can select multiple products in checkbox and add selected products to Cart by one click, thats saves time. Also, you may add the feature redirects to Checkout page.

Direct checkout/quick buy multiple products:

You can offer to bye some selected products with only one click, that redirects to checkout page.

Compatible with YITH

Woo Product Table Pro is compatible with YITH Wishlist plugin.

Quick View

Enabling YITH there will be a quick view options for each product in table. Hovering on quick view , a details info pop-up on screen.

Quote Request

Want to add a message options for each product? Then, enable YITH and tick the quote request checkbox in shortcut section.

All Message customizable

You may need to change pop-up messages. In this plugin, all messages are customizable.

Instant Search

With this option you can search instantly with any keyword including category/tag etc.

Advance Query/Search Box

Above the table you may add this feature to search any individual product within your website.

Page load for pagination

Page load options available, below the table, that enables to load more products in the table.

Mini Filter

Right above the table there is a mini filter available to filter the products via category/tag that have already loaded in the table.

Mini cart in each Table

When a product is added to cart it stacked in a mini cart, in which product is shown above the table. Multiple products can be added this way. Then, you can checkout all the selected products simultaneously.

Compatible with WCK

The custom fileds and categories creatd by WCK works perfectly with WPT pro plugin.

Custom Taxonomy Support as column in Table

This plugin supports custom taxonomy, that assigns product as column in a table.

Custom Fields Support as column in Table

Enabling WCK plugin, custom fields can be added that are shown in table as a row.

Custom message send for Each product

You may offer a message section for each product in the table.

Product Variations Supported in Table

You may have a product of different variation like colour or size, then you can show all the variation in product table.

Front-end Live search also with Menu Order

Woo Product Table Pro has the live search feature, that needs no page reload. When you type a keyword in search box, then the matching products for the keyword assigns as menu order.

Mini-cart show/hide and customize

You can set the mini-cart top/bottom of the table. Also you can hide, if you want.

All type Message is customizeable

You may need customize your message for user, WooCommerce Product Table Pro offers you this feature to customize your message.

Thumbs image LightBox

Thumbs image lightbox is already added in this plugin. So you needn't additional plugin to add the feature.

Mini-filter taxonomy Sorting

There is a mini-filter available above the table, that can filter your products assigns with taxonomy sorting.

Advance Searchbox taxonomy Sorting

Like mini-filter taxonomy sorting, you can offer this in your advanced searchbox. When enable, your products will assign as taxonomy order..

Able Add/Remove Product link from Table

You may want to show the product link to the visitors or hide this. Both is possible in Woo Products Table Pro. Just enable/disable the product link upon your demand from the configure option.

Able Add/Remove Product category/tag’s link from Table

You can add product category/tag’s link or remove it in the table as you want.

Customizable Each Table Differently

Through shortcode generator, you may customize each tabe or specific table differently.

Thumbs image LightBox

Thumbs image lightbox is already added in this plugin. So you needn't additional plugin to add the feature.

Table Headers Are Customizable

All the table headers in the table can be edited, needs no coding. Just input the prefered text in shortcode generator panel.

Best Customer Support

If you face any problem, don't hesitate to connect at our support. We are here to help you.

#FAQ

Can I customize my table's design?new

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?new

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?new

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 shortcodenew

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?new

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?new

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.

Mobile Responsive Layout

Tab Responsive Layout

Custom Design Template

#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/

#Changelog

other plugin's conflict issue fixed javascript other cart plugin 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