How to display product variations in a table in WooCommerce
WooCommerce displays variable products with dropdowns or buttons by default, not a front-end comparison table. You can build a custom table, but a variation-table plugin is the practical route when customers need to compare options, prices and stock in one view.
- 01Create the variable product
- 02Complete every variation
- 03Understand the built-in display
- 04Build a custom table if needed
- 05Install a variation-table plugin
- 06Recommend WPC Variations Table
What you need
- A WooCommerce store with a variable product
- Admin access to WordPress
- The product attributes and variation combinations planned in advance
- A staging site or recent backup for theme and plugin changes
Create the variable product
Go to Products, open the product, and choose Variable product in the Product data selector. Add the attributes customers will compare, such as size, colour or pack quantity, then save the attributes.
Open the Variations tab and generate the combinations you sell, or add them manually. WooCommerce recommends defining the attributes for each variation clearly because incomplete combinations can produce confusing matches.
Complete every variation
Expand each variation and add its regular price, stock status, SKU, image and any other information your table should show. A variation without a price will not appear in the store, so check prices before publishing.
If stock should be shown or used to hide unavailable rows, manage stock at variation level where appropriate. Save the variation changes, then update the product.
Understand the built-in display
WooCommerce core does not provide a setting that turns the standard variation selector into a comparison table. Its normal front-end display asks the shopper to select each required option, then updates the matching price, image and availability. The exact controls depend on the theme.
This built-in approach is fine for a product with only a few combinations. It becomes less convenient when customers need to compare many rows before choosing.
Build a custom table if needed
A developer can replace or extend the product-page variation interface with a custom table in a child theme or custom WooCommerce extension. The table must still connect each row to a real variation so price, stock, attributes and add-to-cart behaviour remain accurate.
This route gives you complete control over columns and layout, but it requires ongoing maintenance. Theme changes, WooCommerce updates, cached variation data and large numbers of combinations can all cause problems, so do not edit the parent theme directly.
Install a variation-table plugin
For the faster no-code route, install a variation-table plugin from Plugins > Add New, or upload its ZIP file if you received one separately. Activate it, then open its settings and configure the table for the product pages where customers need to compare variations.
Choose which attributes, prices, stock indicators and purchase controls should appear. Preview the result on desktop and mobile. Keep the standard variation data as the source of truth; the table should present existing variations rather than create incomplete combinations.
Recommend WPC Variations Table
WPC Variations Table for WooCommerce is the quick option when you want to replace variation dropdowns with a responsive comparison table. It is suited to products where customers need to compare multiple attributes, prices and availability before adding a choice to the cart.
After activation, configure its table display and check a real product with in-stock, out-of-stock and differently priced variations. If the table is missing rows, first check that those combinations exist, have prices, are enabled and are saved in the product editor.
Let WPC Variations Table for WooCommerce do it
Replaces variation dropdowns with a responsive comparison table; choose it when customers need to compare options quickly.
Sources
- woocommerce.com /document/variable-product/
Questions
- Does WooCommerce display variations in a table by default?
- No. WooCommerce normally displays selectors such as dropdowns or buttons, then shows the matching variation after the shopper chooses all required options. That is suitable for a small number of choices, but it does not give customers a full comparison table. Use custom development or a variation-table plugin for that layout.
- Why is a variation missing from the table?
- A missing row usually means the variation was not created, is disabled, has no price, or is excluded by stock settings. Open the product’s Variations tab and check the exact attribute combination, enabled status, price and stock data. WooCommerce does not show variations without prices in the store.
- Can I show only in-stock variations in the table?
- Usually, yes, if the table plugin provides an availability or stock filter. The underlying WooCommerce variation must have its stock status configured correctly first. Be careful with shared product-level stock, backorders and variation-level stock, because those settings affect which options are considered available.
- What happens when a product has many variations?
- Large variation sets can make product pages harder to use and slower to process. WooCommerce changes its default selector behaviour above 30 variations to reduce the work required for dynamic option matching. A table plugin may improve comparison, but you should still limit unnecessary combinations and test page speed on mobile.
- Can I create a variation table without a plugin?
- Yes, but not through a normal WooCommerce setting. A developer must create a custom front-end table and connect each row to the correct variation and cart behaviour. That gives you more control, but it adds maintenance and can break after theme or WooCommerce changes. For most stores, a dedicated table plugin is faster to maintain.