<h1 style="text-align: center">Display Product Variations in a User-Friendly Table Format</h1>
<p>The <strong>Product Variations Table Listing</strong> extension allows you to display product variations in a list view. This view offers better visibility than having your customers go through dropdowns or other selection options to find the relevant variation. The <strong>Product Variations Table Listing</strong> extension improves the user experience.</p>
<p>Customize color, information columns, and other details of your table, and display it to everyone or select user roles. It’s a perfect addition to B2B stores as it facilitates bulk add-to-cart and easy navigation for wholesale orders.</p>
<p>The <strong>Product Variations Table Listing</strong> extension comes with extensive features and customization options.</p>
<h2><strong>Features</strong></h2>
<ul>
<li>Displays product variations in table view</li>
<li>Enables table view for specific products, categories, and user roles</li>
<li>Customizes variation table columns to show specific information only (name, image, SKU, prices, attributes, quantity, add-to-cart, description & more)</li>
<li>Allows customers to search for specific variations</li>
<li>Displays PDF, CSV, Print, and Copy buttons</li>
<li>Enables bulk Add-to-Cart button</li>
<li>Customizes the background and text color of different rows and columns</li>
<li>Customizes the text and background color of Add-to-Cart, Export, and other table buttons</li>
<li>Includes multiple pre-defined positions to show tables along with the shortcode</li>
<li>Enables pagination and limit the number of items to be displayed per page</li>
<li style="font-weight: 400"><span style="font-weight: 400">Choose from two built-in variation table templates</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Automatically update prices as user changes the quantity of a variant </span></li>
</ul>
<p><img class="alignnone size-full wp-image-8413247" src="https://woocommerce.com/wp-content/uploads/2021/08/Variations-table-woocommerce.png" alt="" width="980" height="982" /></p>
<h3><strong>Add Export and Bulk Add-to-Cart buttons</strong></h3>
<p>You can enable specific export buttons to let your customers print, copy or download the variations list in Excel, CSV, or PDF format. You can also choose to enable or disable the Bulk Add-to-Cart button.</p>
<p><img class="alignnone size-full wp-image-8413246" src="https://woocommerce.com/wp-content/uploads/2021/08/Variations-export-button.png" alt="" width="980" height="342" /></p>
<h3><strong>Customize table columns, position, and pagination</strong></h3>
<p>You can choose from 8 pre-defined positions or use shortcode to display a table anywhere on your website.</p>
<ul>
<li>After product summary</li>
<li>Before product page</li>
<li>Before add-to-cart form</li>
<li>After add-to-cart form</li>
<li>After product page</li>
<li>After main content</li>
</ul>
<p>You can also choose to disable specific information columns of your variations on tables and customize ordering. You can enable pagination, limit the number of results per page, and set a character limit for variation descriptions.</p>
<p><img class="alignnone size-full wp-image-8413252" src="https://woocommerce.com/wp-content/uploads/2021/08/Variation-table-position-and-order.jpg" alt="" width="980" height="935" /></p>
<h3><strong>Enable for specific products and user roles</strong></h3>
<p>You can enable a variations table for specific products, categories and user roles. This feature help merchants to only display the table when needed.</p>
<p><img class="alignnone size-full wp-image-8413256" src="https://woocommerce.com/wp-content/uploads/2021/08/ProductsCategories-InclusionExclusion-settings.jpg" alt="" width="980" height="540" /> <img class="alignnone size-full wp-image-8413257" src="https://woocommerce.com/wp-content/uploads/2021/08/Restrict-table-view-by-user-roles.jpg" alt="" width="980" height="437" /></p>
<h3><strong>Customize table styling</strong></h3>
<p>The extension enables you to customize the text and background color of the table and the color of Add-to-Cart buttons on the variation table.</p>
<p><img class="alignnone size-full wp-image-8413258" src="https://woocommerce.com/wp-content/uploads/2021/08/Table-color-and-other-advance-settings.jpg" alt="" width="980" height="892" /></p>
<p>Install the <strong>Product Variations Table Listing</strong> extension and display your product variations in a table view. Show your customers all the available product variations at a single glance.</p>
<h4><strong>Requirements</strong></h4>
<p>Minimum PHP version: 5.2</p>

Product Variations Table Listing

<p>Displays product variations in a table view to make variations prominent and facilitate quick add to cart.</p>

<h2>Create custom fields for products using the extensive capabilities of WS Form PRO</h2>
<p><a href="https://wsform.com">WS Form PRO</a> is a powerful form development plugin for WordPress.</p>
<p>This extension allows you to create customizable products using <a href="https://wsform.com/knowledgebase_category/field-types/" target="_blank" rel="noopener noreferrer">60+ field types</a>, <a href="https://wsform.com/knowledgebase/conditional-logic/" target="_blank" rel="noopener noreferrer">conditional logic</a>, <a href="https://wsform.com/knowledgebase/repeatable-sections/" target="_blank" rel="noopener noreferrer">repeaters</a>, <a href="https://wsform.com/knowledgebase/tabs/" target="_blank" rel="noopener noreferrer">multiple steps</a> and more!</p>
<p>You can use this extension to request additional information about a product before it is added to the cart. Furthermore, it works with popular WooCommerce extensions such as QuickView, Wishlist and Dynamic Pricing.</p>
<div class="woo-sc-box normal">This extension requires you to own the <a title="WS Form PRO" href="https://wsform.com/" target="_blank" rel="noopener noreferrer">WS Form PRO</a> plugin.</div>
<h2>Example Use Cases</h2>
<ul>
<li><a href="https://woocommerce.wsform.com/product/t-shirt/" target="_blank" rel="noopener noreferrer">Interactive product configurators</a></li>
<li><a href="https://woocommerce.wsform.com/product/make-a-donation/" target="_blank" rel="noopener noreferrer">Donation or ‘name your price’ products</a></li>
<li><a href="https://woocommerce.wsform.com/product/repeatable-sections/" target="_blank" rel="noopener noreferrer">Repeatable sections of fields</a></li>
<li><a href="https://woocommerce.wsform.com/product/woocommerce-field-types/" target="_blank" rel="noopener noreferrer">Placing ‘Add to Cart’ in a desired location</a></li>
<li><a href="https://woocommerce.wsform.com/product/multi-tab/" target="_blank" rel="noopener noreferrer">Multi-step product configurators</a></li>
<li><a href="https://woocommerce.wsform.com/product/calculations/" target="_blank" rel="noopener noreferrer">Complex price calculations</a></li>
<li><a href="https://woocommerce.wsform.com/product/file-upload/" target="_blank" rel="noopener noreferrer">File uploads</a></li>
<li><a href="https://woocommerce.wsform.com/product/google-map/" target="_blank" rel="noopener noreferrer">Google maps</a></li>
<li><a href="https://woocommerce.wsform.com/product/color-swatches/" target="_blank" rel="noopener noreferrer">Color swatch selectors</a></li>
</ul>
<p>… and more! Visit the <a href="https://woocommerce.wsform.com/" target="_blank" rel="noopener noreferrer">demo website</a> to see more examples.</p>
<h2>Key Features</h2>
<ul>
<li>A fully integrated solution that fits seamlessly into your product pages</li>
<li>Assign forms to individual products, all products, product categories and tags</li>
<li>Use any <a href="https://wsform.com/knowledgebase_category/field-types/" target="_blank" rel="noopener noreferrer">WS Form PRO field type</a></li>
<li>Create dynamic product pricing by using the <a href="https://wsform.com/knowledgebase_category/field-types-ecommerce/" target="_blank" rel="noopener noreferrer">WS Form e-commerce field types</a> with real-time price updates</li>
<li>Customize the position of ‘Add to Cart’, ‘Quantity’ and other WooCommerce product page elements in your form</li>
<li>Customize the WooCommerce ‘Add to Cart’ button and price format</li>
<li><a href="https://wsform.com/knowledgebase/calculated-fields/" target="_blank" rel="noopener noreferrer">Calculated fields</a></li>
<li><a href="https://wsform.com/knowledgebase/conditional-logic/" target="_blank" rel="noopener noreferrer">Conditional logic</a></li>
<li><a href="https://wsform.com/knowledgebase/tabs/" target="_blank" rel="noopener noreferrer">Multi-step forms</a></li>
<li>Run <a href="https://wsform.com/knowledgebase/introduction-actions/" target="_blank" rel="noopener noreferrer">WS Form actions</a> when an order is paid (e.g. Send a product customization to a <a href="https://wsform.com/knowledgebase/slack/" target="_blank" rel="noopener noreferrer">Slack</a> channel, or <a href="https://wsform.com/knowledgebase/run-wordpress-hook/" target="_blank" rel="noopener noreferrer">run a WordPress hook</a>)</li>
</ul>
<h2>How it Works</h2>
<p><img class="size-full wp-image-5281625 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_add_form.jpg" alt="Adding a form to a product" width="980" height="559" /></p>
<p>Adding a form to a WooCommerce product is easy! Simply click on the WS Form tab under ‘Product data’ and choose a template or choose an existing form. You can also start with a blank template and create a fully customized form for your product.</p>
<p><img class="size-full wp-image-5281627 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_form_assigned.jpg" alt="Assigned form" width="980" height="385" /></p>
<p>Managing your product customization is easy. Simply click ‘Edit Form’ to make changes to your form.</p>
<p><img class="size-full wp-image-5281634 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_layout_editor.jpg" alt="Layout Editor" width="980" height="615" /></p>
<p>Use the powerful features of the WS Form PRO <a href="https://wsform.com/knowledgebase/the-layout-editor/" target="_blank" rel="noopener noreferrer">layout editor</a> to edit your product customization.</p>
<p><img class=" wp-image-5281628 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_fields.gif" alt="WooCommerce Fields" width="421" height="212" /></p>
<p>Use the WooCommerce field types to fully customize where product components are positioned on your product page.</p>
<p><img class="size-full wp-image-4796928 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/09/5.-T-Shirt-customization.jpg" alt="T-Shirt Customization" width="980" height="559" /></p>
<p>Create product customizations that dovetail seamlessly into your website.</p>
<p><img class="size-full wp-image-4796926 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/09/3.-Your-product-is-customized-with-the-form.jpg" alt="Multi-Tab Forms" width="980" height="559" /></p>
<p>Create multi-step product customizations using all of the features available in WS Form PRO!</p>
<p><a class="woo-sc-button custom" href="https://woocommerce.wsform.com" target="_blank" rel="noopener noreferrer">View a demo of the WS Form Product Add-Ons extension</a></p>

WS Form PRO Product Custom Fields Add-Ons

<p>Create custom fields for products with 60+ customization field types. Customize product pages with tabs, conditional logic, repeaters, calculations, multi-step and more!</p>

Product Variations Table Listing vs WS Form PRO Product Custom Fields Add-Ons