XeroWP
GM Product Variation Table For Woocommerce
GM Product Variation Table For Woocommerce

GM Product Variation Table For Woocommerce

0/5 (0 ratings) — active installs Updated Nov 12, 2026
product filterproduct variation tablevariation swatcheswoocommerce product tablewoocommerce variation table
Download v2.4
Variation table on the product page with image, price, stock, and Add to Cart columns.

Variation table on the product page with image, price, stock, and Add to Cart columns.

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.