Category: Uncategorized

If you want to hide some columns only for mobile, you can do that very easily. Go to 'Responsive' tab, select "Auto Responsive " from Mobile Responsive option.

Now select which columns you want to hide only for mobile.

You can create a user-friendly product table for mobile and tablet. Go to 'Responsive" tab and select 'Manual Responsive' from Mobile Responsive option.

Now select which column you want to show in Mobile and Tablet.

To create an audio player table we need to add "audio_file" custom field. We use ACF for that.

Create a custom field

Now active audio player column

If you want that your audio player should be at the bottom, then check the "Stick to Bottom" checkbox. Also you can change the Background Color as well as Progress Bar Color.

If you want to show artist name, create another custom field called "audio_artist " add a new column with the same column keyword.

Add your audio and artist  name in your audio product.

See the demo here - Click Here

We have introduced a new feature in Woo Product Table Pro. From now you can show variable drop downs as separate row. Each variable combination will place in an individual row.

Let's see how to display variations in separate row. Currently there is only one way to do this. Follow the below steps to show WooCommerce products variations in separate rows.

Now you can see a variable product table for Woocommerce variable product.

You can use wpto_thumbs_size filter to resize thumbnail. Read this article to learn about how to use filter and action hook.

Here I have added a snippet. Add this snippet to end of the child theme's functions.php file.

if( !function_exists( 'wpt1234_resize_the_thumb_size' ) ) {

function wpt1234_resize_the_thumb_size () {
    return 'woocommerce_thumbnail';
}

}
add_filter( 'wpto_thumbs_size', 'wpt1234_resize_the_thumb_size' );

That's all, Enjoy our most recent version Woo Product Table.

This is a complete list of all our available features in the WooCommerce Product Table. With following the link you can read more about these features.

Column Settings

• Enable/Disable Columns - you can enable or disable columns from here.
• Add custom fields - from here you can add custom fields to the table.
• Add custom taxonomy - custom taxonomies could be added from here.
• Drag n Drop column re-arrange - for easily customize the table we have added this feature for column re-arrange.
• Auto column position to top - when adding first time any column by default all columns position set to top.
• Product Title Options - from here you can set the behavior of product title in the table.
• Product Thumbnail Options - from here you can also set the behavior of product image click.
• Enable/Disable Product Description - if you want to enable or disable the product description read this.
• Hide Table Head - you can hide the head of your product table.

Basic Settings

Recently, we have added quantity buttons in our WooCommerce Product Table. But there is some themes which already have quantity buttons. Now the problem is there are double double quantity buttons in our product table.

To solve the issue, simply select No from PRODUCT TABLE >> Configure >> Under BASIC SETTINGS >> Enable Quantity [+] or [-] Buttons

And finally save the settings.

Click here to see the demo of using Attributes as Taxonomy Keyword for Filter.

First, create column using attributes.

I have added to attributes color and size which slug or name is pa_color and pa_size

Click on Update/Publish

Now go to Search Box and Filter tab. Enable Advanced Search Box if not showing advanced search box in the front.

Now type the attributes name into Taxonomy Keyword for Advanced Search Box

Click on Update. Now you can see the filter options for attributes in the front.

Find your purchase code from Envato

You can find a license key inside your account on CodeCanyon.
1. Make sure that you logged in to your account.
2. Visit your Downloads section, find the plugin, that you want to get a license key for, and click the button Download, then License Certificate.
3. Find the Item Purchase Code in the text document and paste it into the form inside the plugin.

Please, see the image below:

Now activate your plugin in WordPress Dashboard

1. Now go to your WordPress dashboard.
2. Skip this step if you already installed pro version. If you are using Woo Product Table, then uninstall the free version and install premium version Woo Product Table Pro - WooCommerce Product Table view solution. Which you have downloaded from CodeCanyon.
3. After downloaded, installed, and activated Woo Product Table Pro - WooCommerce Product Table view solution then click on Activate submenu item of PRODUCT TABLE.
4. Paste your purchase code which you have found in above the click on Submit

From now you can get 1-click update of our premium Woo Product Table Pro - WooCommerce Product Table view solution

We'll create an online book store based on WooCommerce. To create a similar WooCommerce shop table layout like below this table follow these instruction.

Adding custom CSS in WordPress is very simple. Who don't know how to add custom CSS in WordPress this article for them. Before we start if you don't know how to add custom HTML code in WordPress Page or Post check this article.

We have added custom HTML in our previous post let's try to make some design changes by CSS with Additional CSS block.

1. Go to your site dashboard.
2. Click on Appearance > Customize
3. Open Additional CSS Block

Now add some CSS code for class highlight-text

p.highlight-text { color: red; font-size: 20px; font-weight: 700; }