In our product table you can easily re-arrange all those enabled columns by drag and drop. Check out the screenshot below.
Drag and Drop Column
Month: June 2020
Add Custom Taxonomy as Table Column
- First create custom taxonomy
First, you need to create at least one custom taxonomy.
I am using the CPT UI plugin to create custom taxonomy, which is absolutely free plugin. Also, some people won’t suggest you use any plugin for creating custom taxonomies. I suggest because we can use this plugin to create custom taxonomies and then get the code from this plugin and paste it wherever you need and finally we can remove this plugin.
That’s why I’m using this plugin. You can download it from WordPress.org.
After installing the Custom Post Type UI plugin you can find the option Add/Edit Taxonomies. Click on it you can see another screen like below. Fill the required information and click on Add Taxonomy. I’ll discuss more on this topic later.
After successfully added our new custom taxonomy go to the Edit Taxonomy tab and click on Populate missing labels based on chosen labels. That’s all for now. We have created our first taxonomy for the WooCommerce Products. - Add new column with custom taxonomy
You can add custom fields or custom taxonomy from under the column table.
- Now click on Add as Column
- Finally click on publish/update
Enable/Disable Columns
To enable any column just just check the column from right edge of the specific column. And to hide any enabled column just unchecked that column. All setting will remain stored until you remove the column.
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
Remove extra white space
Open woo-product-table-pro/includes/shortcode.php with your favorite editor. Go to line no 395 and 488 and comment on those two lines. Maybe line no slightly change just find or search with br class=”wpt_clear”
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.
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.
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
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.
- You must have to install Woo Product Table
- You also need to install any custom field creator plugin.
Here I have using Advanced Custom Fields plugin.
- Now create custom field for book download link
If you need help on how to create custom field in WooCommerce see this article
- Now create product table using Woo Product Table
If you need help on how to create WooCommerce Product Table read this article
- Add new download file column
To show custom field as column read how to add custom field as table’s column
- Finally click on Update/Publish
How to add custom field as table’s column
- First create custom field
First, you need to create at least one custom field. If you need help on how to create a custom field using ACF read this article
- Add new column with custom field
You can add custom fields or custom taxonomy from under the column table.
- Now click on Add as Column
- Finally click on publish/update
How to create WooCommerce Product Table?
- Install Woo Product Table
- Click on Add New to create new product table
- Give it a name
- Enable or disable column
- Give it some basic conditions
- Give it some extra conditions
- Set Search and Filter Appearance
- Configure your table for mobile view
- Finally click on Publish
- Now paste table’s Shortcode
Now Copy you table’s shortcode and paste it where you want to show this WooCommerce product table
How to create a custom field using ACF
When we need to show extra field in our WooCommerce Product we should create custom field.
Time needed: 5 minutes.
To create custom fields you need to install first Advanced Custom Fields plugin.
- First click on Fields Group
- Now click on Add New
- Give it a name and select type
- Set condition for where you want to show this custom field
- Finally click on Publish
Show Product Variations as Table
Generally almost in every online shop we can see product variations showing as dropdown. But these dropdown could be shown as table.
Before create variations table you should know that
If select Variation product, you have to confirm, your all Variation is configured properly. Such: there will not support “any attribute” option for variation. eg: no support “Any Size” type variation.
And if enable Variation product, Some column and feature will be disable. such: Attribute, category, tag Column, Advance Search box.
To create a product variation like above screenshot. Lets follow below this steps:
Click on “Basics” tab. Spelldown and you will see “Product Type (Product/Variation Product)” . From there select “Only Variation Product”.
