With the ‘variation table’ facility of WooCommerce Product Table PRO you can easily create product variation tables that shows an individual product variation in each row of the table.
You can also automatically insert your variation tables on variable product pages making it easier for shoppers to find and purchase the product variation they want.
This doc will explain in detail how to use this ‘variation table’ facility. Please keep in mind that a variation table can only show product variations and it cannot mix other product types—simple, grouped, variable, affiliate—in the same table.
Your product variation table can be of any size — it can contains 100s of product variations if required and support filtering and pagination as well.
It also support full product table navigation features to help users search and filter the variations making it simpler to find the variations they want.
You can fully customize the design and layout of your product variation table using all the advanced editor features of the product table plugin.
Step-by-step video guide for the WooCommerce Product Table PRO variation table facility
WooCommerce variation product table demo
Please see a demo woocommerce product variation table here. Reference image below:
Using the variations table you can make it much simpler for your customer to find and purchase the product variation that they need. It offers a far better user experience than the default WooCommerce attribute dropdowns which can be confusing and difficult to use.
Creating a variation table
To create a product variations table simply create a product table using the product table editor and in the shortcode add the product_variations="true" attribute and ids= "111" where 111 is the ID of the parent variable product whose child variations you wish to show in this table..
[product_table id="123" ids="111" product_variations="true"]
In the above example replace id value with table ID and ids value with the variable product’s ID. You can also use skus in the shortcode in similar way.
Or in the table’s settings → Query tab → scroll down to the ‘Variation Table’ section → check the option ‘Enable variation table’:
Show WooCommerce product variation table on the variable product page
Go to wp admin → product tables → settings → variation table override → Here you can set rules for which variation tables are supposed to appear on which variable product pages based on category. The plugin will automatically show the right variations depending on the variable product page.
You can decide where to place the variation table on the variable product page, next to product summary, above product tabs or even create a new product tab for your variations.
Select a group of product variations for your table based on their SKUs
If you need to add variations to your product table based on their SKU, then use the shortcode option variation_skus=”sku1, sku2″. Enter the variations separated by comma. Please see an example shortcode below:
[product_table id="123" product_variations="true" variation_skus="sku1, sku2"]
Creating single table and use as template for derived tables
[product_table id="123" product_variations="true" hide_empty_columns="true"]
You can create a variation table with attribute columns suiting all your products then add hide_empty_columns="true" in the shortcode and the table will automatically show relevant columns and hide the ones that are not related to the variations currently displayed in it.
Show WooCommerce product variation table in theme builder product template
Here we will cover how to automatically add the variation table to every single product page on your site that has a variable product with available variations while using a page builder / theme builder plugin.
You can use this method with Elementor, Divi, Visual Composer, Beaver Builder or any other popular page builder / theme builder plugin. In this specific example we are using Elementor. But the same method will work with other page builder / theme builder plugins as well.
In the Elementor product template create a Shortcode element. In this shortcode element enter the variation table shortcode but without the ids="..." shortcode attribute. WooCommerce Product Table PRO will automatically detect the current product and display its variations in the table.
Custom ordering for your WooCommerce product variations
You can give your product variations table sorting instructions by going to the table’s settings → Query → Initial orderby. If you need to give your product variations a special custom order then please see the below reference screenshot and set Initial orderby to ‘Menu order’ and Initial order to ‘Ascending’:
In the backend on the variable product’s settings page → ‘Product data’ section → Variations → you can drag and drop the variations to give them the order you want. With the above ordering settings in place, the product table will show the variations in the same order as the order you have given them in the backend.
