GM Product Variation Table For Woocommerce

GM Product Variation Table for WooCommerce replaces the default WooCommerce attribute dropdowns on variable products with a clean, easy-to-scan variation table. Instead of clicking through Color and Size dropdowns one at a time, shoppers see every available variation — image, price, stock status, and an Add to Cart button — in a single table, and can add to cart directly from any row. This WooCommerce product table plugin is built for store owners who want a faster, more transparent buying experience for products with many variations: apparel, jewelry, hardware, print-on-demand, wholesale catalogs, and more. Why use a product variation table instead of dropdowns?

• Shoppers compare all variations — price, image, and stock — at a glance instead of guessing
• Fewer clicks between browsing and buying means fewer abandoned product pages
• Out-of-stock variations are clearly marked instead of silently disappearing from a dropdown
• Works well for stores with many attribute combinations (size × color × material, etc.)

Key Features (Free)

• Variation image column – show a thumbnail per variation, with automatic fallback to the parent product image
• Configurable columns – show or hide Image, Price, Stock, Quantity, and Action columns
• Frontend attribute filters – let customers filter the table by Color, Size, or any variation attribute, with an optional reset button
• Plus/minus quantity stepper or a plain quantity input — your choice
• Add to Cart directly from the table via a lightweight REST API (no page reload)
• Fully customizable design – header background, text, border, row hover, striped rows, button colors, border radius, font size, image size — all with a live preview in the admin panel
• Custom button & label text – rewrite "Add to Cart," "Added!," and "Out of Stock" to match your brand voice
• Disable Add to Cart for out-of-stock variations
• After-add-to-cart behavior – show an inline confirmation, scroll to top, or redirect straight to the cart page
• Collapsible "Available Options" toggle button to keep product pages compact until a shopper wants to see variations
• Flexible table placement – before the Add to Cart form, after it, or manually anywhere using the [gmpvtw_table] shortcode
• Minimum table width & horizontal scroll option so wide tables stay readable on mobile
• Reset to Defaults button so you can experiment with settings risk-free
• Clean, modern React-powered admin UI with tabs for General, Columns, Behavior, Filters, and Design

Built With Performance in Mind The admin settings screen and the frontend table are both built with React and WordPress's own @wordpress/element and REST API, so there's no jQuery bloat and no full-page reloads when adding to cart or changing settings. Support Have a question, found a bug, or want a custom feature? Reach out any time at Codes Made Support.

2.4

• Fixed a critical error ("Call to a member function add_to_cart() on null") when adding a variation to cart via the REST API — the WooCommerce cart/session is now properly initialized on that request.

2.3

• Frontend redesign: removed the outer/table hard borders in favor of soft shadows, refined spacing, uppercase table headers, and smoother hover/focus states across the table, filters, buttons, and quantity stepper.

2.2

• Added a variation Image column (thumbnail per variation, falls back to the parent product image).
• Added a Behavior tab: custom button/added/out-of-stock text, plus/minus quantity stepper, disable button when out of stock, after-add-to-cart action (inline notice / scroll to top / redirect to cart), cart confirmation notice, and a collapsible "Available Options" toggle button.
• Added table position control: before Add to Cart, after Add to Cart, or shortcode-only.
• Added [gmpvtw_table] shortcode to place the table anywhere (e.g. product description).
• Added Design controls for image size, table header visibility, minimum table width, and horizontal scroll on small screens.

2.1

• Redesigned admin settings with tabs: General, Columns, Filters, Design (with live preview).
• Added color, border radius, font size, and striped-row controls for the frontend table.
• Added frontend attribute filters (e.g. filter by Color, Size) with optional reset button.
• Added Reset to Defaults button and a support link in the admin panel.

2.0

• Rebuilt admin settings page and frontend variation table as React apps using @wordpress/element.
• Added advanced settings: per-column visibility toggles (Price, Stock, Quantity, Action).
• Introduced a REST API (gmpvtw/v1) for settings, variation data, and add-to-cart.

1.0

• Initial release.