Transform WooCommerce variable products into a highly optimized, conversion-ready B2B bulk ordering matrix layout.

WPClever

<p><strong>WPC Variations Grid</strong> is a powerful WooCommerce extension built specifically for B2B stores, wholesalers, and merchants who handle variable products with extensive options.</p>
<p>Instead of forcing your customers to select variations one by one from generic dropdown menus, this plugin automatically transforms them into an intuitive, responsive matrix grid. Customers can easily view all available combinations, input quantities for multiple variations simultaneously, and add them all to the cart with a single click.</p>
<h4>Live demo</h4>
<p>Visit our <a href="https://demo.wpclever.net/wooac/product/hoodie/" title="live demo" rel="nofollow ugc">live demo</a> here to see how this plugin works.</p>
<h4>Key Features</h4>
<ul>
<li><strong>1D & 2D Matrix Rendering:</strong> Automatically detects attributes and chooses between a clean list grid or an advanced 2D table matrix (Cross-tabulation).</li>
<li><strong>Multiple Output Themes:</strong> Ships with beautiful pre-built styles (Default Minimal, Flat Blue, Flat Green, and Dark Mode) suitable for any branding.</li>
<li><strong>Bulk Add-to-Cart via AJAX:</strong> Select quantities for 5, 10, or 100 variations and process them concurrently without reloading the page.</li>
<li><strong>Fixed Header & First Column:</strong> (Optional) Locks the table header and variation identifier column on scroll to prevent users from losing track on heavy matrix tables.</li>
<li><strong>Interactive Number Animation:</strong> (Optional) Odometer-style slot machine rolling animation for the Total Quantity and Total Price counters.</li>
<li><strong>Native Image Lightbox:</strong> Re-uses the default WooCommerce PhotoSwipe library for zooming variation thumbnails natively.</li>
<li><strong>Live Calculation:</strong> Instantly calculates Row Quantities, Total Quantity, and dynamic Pricing right at the bottom bar.</li>
<li><strong>Clear Input Controls:</strong> Rapid tools to clear inputs by specific rows or wipe the entire matrix clean instantly.</li>
<li><strong>Smart Stock Display:</strong> Seamless integration with WooCommerce’s native Out of Stock handling. Disable inputs for depleted items.</li>
<li><strong>Performance Focused:</strong> Bypasses standard thresholds to dynamically render grids of up to 150 variations gracefully relying directly on optimized backend memory-store.</li>
</ul>
<h3>Third-party Libraries</h3>
<p>This plugin bundles the following third-party libraries:</p>
<h4>TableHeadFixer</h4>
<ul>
<li>Description: A jQuery plugin that fixes (freezes) the header row and/or first column of HTML tables during scrolling.</li>
<li>Source: https://github.com/lai32290/TableHeadFixer</li>
<li>License: MIT</li>
<li>Usage: Used when the “Fixed Column” option is enabled to keep the table header and the first column visible while scrolling horizontally through the variations grid.</li>
</ul>
<h4>perfect-scrollbar</h4>
<ul>
<li>Description: A minimalistic but perfect custom scrollbar plugin. Version 1.5.3.</li>
<li>Author: Hyunje Jun, MDBootstrap and Contributors</li>
<li>Source: https://github.com/mdbootstrap/perfect-scrollbar</li>
<li>License: MIT</li>
<li>Usage: Used when the “Perfect Scrollbar” option is enabled to replace the default browser scrollbar with a more elegant, minimal custom scrollbar on the variations grid container.</li>
</ul>
<h4>number-animation</h4>
<ul>
<li>Description: A jQuery plugin that provides an odometer-style slot-machine rolling animation for transitioning between numeric values using CSS3 transforms.</li>
<li>Source: https://github.com/MarkRhodes/number-animation</li>
<li>License: MIT</li>
<li>Usage: Used when the “Number Animation” option is enabled to animate the Total Quantity and Total Price counters with a roller-wheel effect when values change.</li>
</ul>
<h4>Other alternatives you might also like</h4>
<ul>
<li><a href="https://wordpress.org/plugins/wpc-variations-radio-buttons/" rel="ugc">WPC Variations Radio Buttons</a></li>
<li><a href="https://wordpress.org/plugins/wpc-variations-table/" rel="ugc">WPC Variations Table</a></li>
<li><a href="https://wordpress.org/plugins/wpc-variation-swatches/" rel="ugc">WPC Variation Swatches</a></li>
<li><a href="https://wordpress.org/plugins/wpc-show-single-variations/" rel="ugc">WPC Show Single Variations</a></li>
<li><a href="https://wordpress.org/plugins/wpc-linked-variation/" rel="ugc">WPC Linked Variation</a></li>
</ul>


Alternatives to WPC Variations Grid for WooCommerce

Top alternatives