WooCommerce Product Table supports variable products and you are able to displays variation as dropdown lists. This feature increases the user experience and makes navigation much more convenient. Selection of the necessary product attribute incredibly flexible and fast with the Product Table.
You can either display variations as dropdown lists, as separate rows in the table.
Product table with variation dropdowns
|Blue T-Shirt||This is the product description||blue, print, t-shirt||£10.00 – £12.00|
|Blue Hoodie||This is the product description||blue, hoodie||£20.00|
|Grey Hoodie||This is the product description||grey, hoodie, print||£20.00|
Variations on separate rows
|Grey Hoodie - M, Grey||This is the Variations description||Hoodies, Male||£20.00|
|Grey Hoodie - S, Grey||This is the Variations description||Hoodies, Male||£20.00|
|Grey Hoodie - XL, Grey||This is the Variations description||Hoodies, Male||£20.00|
|Grey Hoodie - XS, Grey||This is the Variations description||Hoodies, Male||£20.00|
In order to display variable products you need:
- Move to the WooCommerce Tab and enable checkbox.
- Add the variable products into the table in Manage Table Content. You can use Search for products to add certain items.
Add the table properties (“Buy” columns is required).
- To add a product variations on separated rows – enable “show variations” option. It will subdivide the variable product into a list of separated items.
Set the other settings to build a table according to your exact needs.
- Once you make changes in settings, you can immediately see the result in the preview – for desktop, tablet and mobile. Open the “Setting” tab and check the table.
Add the Product table into website content with the help of shortcode.