Our bestselling plugin, WooCommerce Product Table, has a new option to display product variations on their own row in a table. We've also added support for individual variation images.

This means that there are now 3 ways to display product variations in a table:

  1. The original method of displaying variations as dropdown lists in the add to cart column.
  2. The new method of listing each variation on its own row.
  3. Or alternatively, customers can click through to select variations on the single product page.

Lots of customers have asked for an option to separate variations and list them as individual rows in the table, as if they were unique products. So we're pleased to have added this feature, and hope you find it a useful way to display variable products.

Keep reading to learn all about this exciting new feature.

How does the new option to display product variations work?

WooCommerce product table separate variations per row

WooCommerce Product Table has a new option which breaks out variable products into their individual variations. It lists each variation as a separate row in the product table. This is perfect for many use cases, for example:

  • Change variation dropdown to checkbox in WooCommerce - just list each variation on a separate row in the table, and use the add to cart checkboxes that come with the plugin.
  • Display variations as individual products - maybe you've added your options as variations, but want to list them as separate products. Just list them individually in the table, and you're sorted!

Either way, you can list variations as individual products even though they're actually variations of a single product. This means that you can list them alongside standard products in a single table, with a separate row for each product or variation.

See the separated variations in action on the WooCommerce table plugin demo site

Note: Since this article was published, we have also added support for Product Add-On Options. This lets you add even more product options in your Woo tables. 

Example: separated variations in a WP table

WooCommerce variations listed as individual products with checkbox instead of dropdown

Let's say that you have a product called 'Hoodie' with 2 attributes: Color and Toggles. Each attribute might have 2 options, giving you 4 product variations in total:

  • Red - Yes
  • Red - No
  • Blue - Yes
  • Blue - No

There are now 3 ways to display these variations in a product table:

  1. With the default variations option in WooCommerce Product Table, the T-Shirt product will use a single row in the table. The variations will be listed as 2 dropdown lists before the add to cart button: 1 for size, and 1 for colour. Customers can use the dropdown lists to select any combination of attributes before adding their chosen variation to the cart.
  2. The new separate variations option works differently. It displays product variations on individual rows in the table, each with their own add to cart button. By displaying variations as individual products, you would think they are separate rather than options for a single product. In this example, the T-Shirt product takes up 4 rows in the table - 1 for each variation. The product name column contains the full details for each variation so that customers can see the difference and choose which ones to buy. If you're using separate variation images then each variation will show its own unique image.
  3. Instead of displaying product variations in a table, you can let customers click through to the single product page. Then, they can view and select variations, and add to the cart as usual.

GET THE PLUGIN

Case studies: Real sites using a WooCommerce variations table

Mechanical Air Supplies used our code snippets to dynamically list product variations on separate rows in a table on individual product pages. It's a fantastic way of listing large numbers of variations in a user-friendly format:

WooCommerce variations list table

Similarly, First Kitchens use the Woo Product Table plugin to list variations as separate products in a table. This is a fantastic way for them to sell different parts for their kitchen door ranges:

WooCommerce kitchen website

Does it work with lazy load?

WooCommerce Product Table comes with a lazy load option for stores with large product databases. This improves performance and page load times by loading the results 1 page at a time.

At the moment, the new option to display product variations separately only works with the default version of WooCommerce Product Table, and not lazy load.

Please let us know if you'd like to use it with lazy load. If enough people ask, then we will add it to the plugin.

Individual Woo product variation images

WooCommerce display product variations pluginThe new version of WooCommerce Product Table also includes support for individual variation images.

Previously, if you were displaying dropdown lists for variable products, the 'Image' column would always show the main product image.

Now, if you have separate images for each variation, then the image in the table will change according to which variation is selected.

How can I display variations as individual products in a table?

Existing WooCommerce Product Table customers can update to the new version of the plugin from Dashboard > Updates. If the update doesn't appear, check our article on update problems.

Or if you haven't bought the Woo Product Table WP plugin yet, you can get it here.

Once you've got the latest version of the plugin, there are full instructions for how to display product variations on their own row. Check out our Variable Products knowledge base article.

WooCommerce product table with attributes and variationsSince its launch in October 2016, our WooCommerce product display plugin has quickly become our bestselling WordPress plugin. It displays products in a sortable table view. Today we've launched a new version of the product display plugin which supports product attributes and variable products.

More customers have requested support for attributes and variations than any other feature, so we've made this a priority. It comes hot on the heels of other improvements to our WooCommerce table plugin.

As well as displaying WooCommerce products in a searchable table view, you can now:

Display product attributes as separate columns in the table

Previously, you could display most product data such as title, description, price and featured image in the table, but not attributes. You can now include each attribute as a separate column in the product table.

We understand that all WooCommerce websites use product attributes in different ways. To make it applicable to everyone, you can list exactly which attributes are displayed in each product table. This means that you can display some attributes but not others.

If you have multiple product tables on your WooCommerce website then each one can list different attributes. For example, you might have an e-commerce clothes website with one product table for men's shirts and another for women's dresses. The table for men's clothes can include a 'Collar Size' column and the women's product table can have a column for 'Dress Size'.

WooCommerce product table with attributes

See it in action on the new product attributes page on the plugin demo.

View and select variations directly from the product table

We've thought long and hard about the best way to present variable products in the table. Very few WordPress product display plugins support variations, and we don't think any of them get it right. For example, we saw one plugin that displays each variation as a separate row in the table. This would have been easier for us to develop (!) but I think it's the lazy option. It takes up a huge amount of space and isn't a neat solution. Some WooCommerce stores have dozens of variations, so it's important to display each product within a single row of the table.

The new version of our WooCommerce product display plugin can list each variation as a dropdown list alongside the 'Add to 'Cart' button. Customers can select their variations, select the quantity and add to cart cart straight from the product table.

When you select a variation, the actual price for that variation appear under the Add to Cart button. If you're managing stock for each variation then the stock status or stock level will appear too.

WooCommerce product table variations

If you have more variations than can fit in a table then you don't have to enable the variations option. By leaving it disabled, the 'Add to Cart' button for variable products will change to 'Select options'. Customers can click through to choose their variations and buy from the single product page.

You can see this in action on the variations page on the demo site for the WooCommerce product display plugin.

Note: Since this article was published, we have also added support for Product Add-Ons. This lets you add even more product options in your WooCommerce tables. 

Display attributes and variations as filter dropdowns above the table

If your WooCommerce store has many products then you can help customers find what they want by letting them filter by attribute or variation. The new version of WooCommerce Product Table lets you display filters above the table with dropdowns for attributes, variations, categories or tags.

Adding filters="true" to the product table shortcode will display all possible filter dropdowns above the table. Alternatively, you can choose which filters appear. For example you may want the product table to include filters for the size attribute but not color.

WooCommerce product table view with attribute filtersYou can see this in action on the new product attributes page on the product display plugin demo.
WooCommerce product table view plugin

Perfect for WooCommerce order forms, restaurant ordering systems & more

These new features are perfect for many different types of WooCommerce product displays. You might have a WooCommerce order form and want to include attributes or variations. Maybe you're a restaurant using it for an online food ordering system. You might be using product tables with our Password Protected Categories plugin to create a WooCommerce wholesale store. Do you want to list WooCommerce products in a simple layout? Maybe you want to create a WooCommerce product directory with extra product data.

Whatever you need WooCommerce product tables for, these new features will help the plugin to display products in whichever way you need. If you like it, join our WordPress plugins affiliate scheme and each 30% commission for recommending our WooCommerce product display plugin!

Attributes & variations not enough?

If you want to display even more product data in your WooCommerce tables, you can also show custom fields and taxonomies. Check out our tutorial on how to Display Extra WooCommerce Product Data with Custom Fields & Taxonomies.

How to get WooCommerce Product Table

We'll be contacting everyone individually who has requested support for product attributes and variations.

To get WooCommerce Product Table for your own website, simply buy the plugin and start setting it up. Your new way of displaying products could be ready within a few minutes! You can also sign up as affiliate and get 30% commission for recommending the table plugin!

GET PLUGIN BECOME AN AFFILIATE