1. Home
  2. Knowledge Base
  3. WooCommerce Product Table
  4. Product Table Features
  5. Product variations

Product variations

WooCommerce Product Table fully supports variable products. There are 3 ways to display product variations in a WooCommerce table. You can see them in action on the variations page of the plugin demo.

Option 1 – Display variations as dropdown lists

Add variations="dropdown" to the product table shortcode. This will display a dropdown list of variations before the Add to Cart button in the product table. There will be a separate dropdown list for each variation.

Customers can select variations and add to cart directly from the table. When they add a variable product to the cart, the variations will automatically reset so that the customer can continue adding different variations.

When a customer selects variations, the correct price and stock status/stock level for that variation will appear under the Add to Cart button.

Your table must include the add-to-cart column for this option to work. It only applies to WooCommerce variable products.

Example: [product_table columns="name,price,add-to-cart" variations="dropdown"]

Note: The variation dropdowns will only display if you have added a price for your variations. If there is no price, then Option 3 will be used instead. 

Option 2 – List each variation on its own row

To list each variation on a separate row, add variations="separate" to the product table shortcode.

Example: [product_table columns="name,price,add-to-cart" variations="separate"]

Option 3 – Select variations on the single product page

If you have variable products then option 3 will be used by default, so you don’t need to add anything to the product table shortcode.

Instead of showing variations in the product table, customers can click through to the single product page to view and select variations. If the table has an add-to-cart column then the button text will change to ‘Select options’ and will link to the single product page.

Can I use these options together?

Options 1 and 2 do not work together. They can be used with option 3, so that customers can either select variations in the table or on the single product page.

If you want to prevent people from clicking through to the single product page, then you can disable links in the product table. This will force customers to select their variations directly in the table, using the product table as a one-page order form.

Can I create a table of variations for specific products only?

Yes – please see the article on Listing variations for a specific product.

Will my variations fit in the table?

The product table will automatically resize to fit in as much information as possible. If you have lots of columns and/or variations then they may not all fit onto a single row, especially on smaller screen sizes.

WooCommerce Product Table comes with various options that let you control how the table behaves when the data won’t fit onto a single row. Please see our article on responsive options.

If you have too many variations to display as dropdown lists, then we’d recommend using options 2 or 3 (above) instead.

Was this article helpful?

Related Articles