📖 Overview
Variation Product Table replaces the default WooCommerce variation dropdowns with a clean, scannable table. Instead of selecting size, color, and quantity from three separate dropdowns, customers can see all available combinations at once.
The table supports multi-add-to-cart — customers can set quantities for several variations and add them all to the cart in one click. This is particularly powerful for B2B stores or any product with many variants.
The table is virtualized for performance, meaning it stays fast and smooth even with products that have 100+ variations.
Clean Table Layout
Display all product variations in a scannable table that helps customers find and compare options instantly.
Add to Cart from Table
Customers can set quantity and add multiple variations to the cart directly from the table view.
Inline Attribute Filtering
Filter the variation table by size, color, or any attribute without leaving the product page.
Fully Customizable
Choose which columns to show, set colors, and adjust layout — all from a simple settings panel.
Blazing Fast Render
Virtualized table rendering keeps performance smooth even with hundreds of product variations.
Mobile Responsive
Adapts gracefully to smaller screens — no horizontal scrolling or overflow issues on mobile.
📦 Installation
Follow these steps to install and activate the plugin on your WordPress/WooCommerce site. Requires WordPress 6.0+, WooCommerce 7.0+, and PHP 8.0+.
- 1
Download and install the plugin ZIP via Plugins → Add New → Upload Plugin.
- 2
Activate the plugin.
- 3
Go to WooCommerce → Variation Table → Settings.
- 4
Configure which columns to display and your styling preferences.
- 5
Save settings.
- 6
Visit a variable product page — the table will replace the default dropdowns for that product.
⚙️ Configuration
Table Columns
Choose which information columns appear in the variation table.
| Setting | Description | Type | Default |
|---|---|---|---|
Attributes | Show variation attribute columns (Size, Color, etc.). These are always shown. | Auto | Always On |
Price | Show the price for each variation. | Toggle | On |
SKU | Show the SKU for each variation. | Toggle | Off |
Stock Status | Show In Stock / Out of Stock for each variation. | Toggle | On |
Quantity Input | Show a quantity input field per row so customers can set quantities individually. | Toggle | On |
Add to Cart | Show a per-row Add to Cart button. Customers can also select multiple rows and use the bulk Add Selected to Cart button. | Toggle | On |
Display Settings
| Setting | Description | Type | Default |
|---|---|---|---|
Enable on All Variable Products | Show the table on every variable product automatically. Disable to choose per-product. | Toggle | On |
Table Header Style | Style of the table column headers. | Select | Minimal |
Striped Rows | Apply alternating row background colors for easier reading. | Toggle | On |
Sticky Header | Keep the table header visible when scrolling through many variations. | Toggle | On |
🎯 Feature Guides
Enabling the Table on Specific Products Only
If you have some products where you prefer the default dropdowns, you can enable the table only where you choose.
- 1
Go to WooCommerce → Variation Table → Settings.
- 2
Set Enable on All Variable Products to Off.
- 3
Open the product where you want the table.
- 4
In the Product Data meta box, click the Variation Table tab.
- 5
Toggle Enable Variation Table to On for this product.
- 6
Save. Only this product will show the table.
Using Multi-Add-to-Cart
Let customers add multiple variation quantities to their cart in a single action.
- 1
Ensure Quantity Input is enabled in column settings.
- 2
On the product page, the customer enters a quantity next to each variation they want.
- 3
A running total appears at the bottom of the table.
- 4
The customer clicks Add Selected to Cart and all chosen variations are added at once.
- 5
The cart is updated without a page reload.
This feature is especially popular with uniform/workwear stores, sports equipment (sizes), and any B2B catalogue with repeat buyers.
🔗 Developer Hooks
Use these WordPress actions and filters to extend or modify Variation Product Tablebehavior programmatically. Add snippets to your theme's functions.php or a custom plugin.
cavpt_table_columnsfiltersince 1.0.0Filter the array of columns rendered in the variation table. Add or remove columns programmatically.
Parameters
( array $columns, int $product_id )cavpt_variation_row_datafiltersince 1.0.0Filter the data for a specific row in the table before rendering.
Parameters
( array $row_data, int $variation_id, int $product_id )📋 Changelog
- New
Initial release with full variation table and multi-add-to-cart.
Need help with Variation Product Table?
Our support team is ready to assist you.