Posted on

WooCommerce Product’s Variables Show as Individual Row

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.

  1. Create a table

    First create a product table. Check this to learn about How to Create WooCommerce Product Table.

  2. Select a Variable Product

    Now select a variable product to show it’s variations in a table like this demo product table.how-to-variations

  3. Select Product Type

    You can see in above image, I have selected Product Type to Only Variation Product. You also have to select this option to create variation table.

  4. Paste the Shortcode

    Now copy and paste the shortcode to that product’s content area which one you have selected in Step 2 product include field.

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

Posted on

Change Default WooCommerce Thumbnail Image Size for Woo Product Table

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' );
Posted on

Update to the latest Woo Product Table Pro and Few Todos

  1. Uninstall current Woo Product Table Pro plugin

  2. Install our free Woo Product Table plugin first from here

  3. Again download the current version from Codecanyon and install it.

  4. Disable/enable inner column items

  5. Optimize your table for small devices (Step 1)

    First, select no responsive from under the Mobile tab. We’re going to remove this tab from the future version.

  6. Optimize your table for small devices (Step 2)

    From the responsive tab, select which columns are you going to show in mobile or tablet devices.

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

Posted on

WooCommerce product table features

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

Posted on

Troubleshoot Product Table for showing Quantity Buttons

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.

Posted on

How to use attributes in Taxonomy Keyword for Filter

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.

Posted on

How to activate the Premium WordPress Plugin using License Key – Activating Woo Product Table Pro

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

Posted on

Create an Online Book Store using Woo Product Table

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.

  1. You must have to install Woo Product Table

  2. You also need to install any custom field creator plugin.

    Here I have using Advanced Custom Fields plugin.

  3. Now create custom field for book download link

    If you need help on how to create custom field in WooCommerce see this article

  4. Now create product table using Woo Product Table

    If you need help on how to create WooCommerce Product Table read this article

  5. Add new download file column

    To show custom field as column read how to add custom field as table’s column

  6. Finally click on Update/Publish

Posted on

How to create WooCommerce Product Table?

  1. Install Woo Product Table

  2. Click on Add New to create new product table

  3. Give it a name

  4. Enable or disable column

  5. Give it some basic conditions

  6. Give it some extra conditions

  7. Set Search and Filter Appearance

  8. Configure your table for mobile view

  9. Finally click on Publish

  10. Now paste table’s Shortcode

    Now Copy you table’s shortcode and paste it where you want to show this WooCommerce product table

Posted on

How to Add Custom CSS in WordPress Page or Post

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; }