<p class="wp-block-paragraph">Enhance your WooCommerce store with the ultimate product table solution. The Product Table Builder plugin empowers you to create, customize, and manage product tables with ease, offering a wide range of features designed to improve your store’s user experience and functionality.</p>
<h2 class="wp-block-heading">Key Features</h2>
<ul class="wccom-tick-list-primary">
<li><strong>Drag-and-Drop Table Builder</strong>: Effortlessly create and organize your product tables with our intuitive drag-and-drop interface. No coding skills required.</li>
<li><strong>Customizable Table Elements</strong>: Tailor your product tables to suit your specific needs. Add, remove, and customize elements such as product name, price, SKU, image, and more.</li>
<li><strong>Appearance Customization</strong>: Personalize the look and feel of your tables to match your brand. Adjust colors, fonts, borders, and other visual elements.</li>
<li><strong>Advanced Query Builder</strong>: Use the query builder to filter and display products based on specific criteria, ensuring your customers see exactly what they’re looking for.</li>
<li><strong>Sorting and Table Pagination</strong>: Enable easy navigation through large product lists with sorting options and pagination controls.</li>
<li><strong>“Add to Cart” Functionality</strong>: Allow customers to add products to their cart directly from the table, streamlining the shopping experience.</li>
<li><strong>Responsive Design</strong>: Ensure your product tables look great on any device, providing a seamless shopping experience for all users.</li>
<li><strong>Import/Export Tables</strong>: Easily transfer tables between websites or save them for future use with our import/export feature.</li>
</ul>
<p></p>
<p></p>
<h2> </h2>
<h2>Drag-and-Drop WooCommerce Product Table Builder</h2>
<p>Create custom tables using comprehensive data from WooCommerce products. Drag and drop elements to build and customize your table, leveraging WooCommerce product data for a seamless and dynamic experience.</p>
<p><img class="alignnone size-medium wp-image-18734004007663" src="https://woocommerce.com/wp-content/uploads/2024/07/drag-drop_1c86a1.png?w=896" alt="Drag and Drop Product Table Builder" width="896" height="263" /></p>
<p></p>
<p></p>
<h2> </h2>
<h2>Individual Table Settings</h2>
<p>Enhance table settings to manage sorting and ordering of items seamlessly. Implement intuitive pagination for easy navigation through content. Include a convenient ‘Add All to Cart’ button for quick actions. Ensure the layout is mobile auto-responsive with a sleek card layout for an optimized user experience.</p>
<p><img class="alignnone size-full wp-image-18734004013405" src="https://woocommerce.com/wp-content/uploads/2024/07/global-settings.jpg" alt="global-settings" width="980" height="503" /></p>
<h2> </h2>
<h2>Appearance Settings</h2>
<p>Tailor the look and feel of your tables to perfectly align with your brand identity. You can adjust the color scheme, personalize background colors or images for both the entire table and individual cells, and choose from a wide range of font styles, sizes, and weights to ensure your text is consistent with your brand’s typography. Define the style, width, and color of borders, customize padding to control spacing, and apply hover styles to enhance interactivity. Additionally, adjust typography settings to fine-tune the visual appeal of your tables, ensuring a cohesive and professional appearance.</p>
<p><strong>You can </strong><strong>customize the appearance of the following type to enhance your tables:</strong></p>
<ul>
<li>Common Style</li>
<li>Header Style</li>
<li>Body Style</li>
<li>Body Link Style</li>
<li>Rating Style</li>
<li>All to Cart Button Style</li>
<li>Pagination Style</li>
<li>All to Cart Button Style</li>
</ul>
<p><img class="alignnone size-full wp-image-18734004013413" src="https://woocommerce.com/wp-content/uploads/2024/07/design-settings.jpg" alt="design-settings" width="980" height="508" /></p>
<h2> </h2>
<h2>Column Settings</h2>
<p><strong>Column Settings</strong> allow you to customize the appearance and behavior of your columns across different devices. You can adjust the <strong>Column Width</strong> to set the desired width, and use <strong>Column Width (Force)</strong> to enforce a specific width. The settings also include options to <strong>Hide in Desktop</strong>, <strong>Hide in Tablet</strong>, or <strong>Hide in Mobile</strong>, ensuring your columns are displayed only on selected devices. Additionally, you can add a <strong>Column Custom Class</strong> for further styling and customization.</p>
<p><img class="alignnone size-full wp-image-18734004013402" src="https://woocommerce.com/wp-content/uploads/2024/07/column-settings.jpg" alt="column-settings" width="980" height="506" /></p>
<h2> </h2>
<h2>Query Builder</h2>
<p><strong>Query Builder</strong> is a powerful tool for filtering your desired data. It allows you to create customized queries to filter tables based on various criteria such as <strong>Title</strong>, <strong>Price</strong>, <strong>ID</strong>, <strong>SKU</strong>, <strong>Description</strong>, <strong>Category</strong>, <strong>Tags</strong>, <strong>Status</strong>, <strong>Quantity</strong>, <strong>Rating</strong>, <strong>Rating Count</strong>, and many more. This ensures you can easily access and manage the specific data you need.</p>
<p><img class="alignnone size-full wp-image-18734004013408" src="https://woocommerce.com/wp-content/uploads/2024/07/query-builder_44cb5e.jpg" alt="query-builder" width="980" height="507" /></p>
<h2> </h2>
<h2>Element Settings</h2>
<p>Element Settings enable you to customize each element based on its data. For <strong>Title</strong>, you can add a link and set the target. For <strong>Price</strong>, you can add a custom currency, set the currency position, and choose to display the regular price. For <strong>Thumbnail</strong>, you can link it to the product and select the thumbnail size. For <strong>Rating</strong>, you have options to show the rating count or display the rating as a number only. These settings allow for detailed customization to tailor each element to your specific needs.</p>
<p><img class="alignnone wp-image-18734004007657 size-full" src="https://woocommerce.com/wp-content/uploads/2024/07/title-settings_a4810c.png" alt="Title Element Settings" width="728" height="406" /></p>
<p><img class="alignleft wp-image-18734004007656" src="https://woocommerce.com/wp-content/uploads/2024/07/thumbnail-settings_cd5630.png?w=723" alt="Thumbnail Element Settings" width="400" height="363" /></p>
<p><img class="alignleft wp-image-18734004007655" src="https://woocommerce.com/wp-content/uploads/2024/07/price-settings_b476a2.png?w=727" alt="Price Element Settings" width="400" height="363" /></p>
<h2> </h2>
<h2>Global Settings</h2>
<p>Global Settings provide overarching customization options for your interface. In <strong>Floating Cart Settings</strong>, you can adjust the Floating Cart Text Color, Floating Cart Background Color, and Floating Cart Position. The <strong>Label Settings</strong> allow you to define the labels used in your table. Additionally, you can set specific <strong>Message Settings</strong> such as No Item Selected Message, Minimum Quantity Message and others which will appear as pop-ups to guide users. These global adjustments help create a consistent and tailored user experience across your platform.</p>
<p><img class="alignnone size-full wp-image-18734004013640" src="https://woocommerce.com/wp-content/uploads/2024/07/settings-1.png" alt="" width="679" height="253" data-wp-editing="1" /><img class="alignnone size-full wp-image-18734004013639" src="https://woocommerce.com/wp-content/uploads/2024/07/settings-2.png" alt="" width="679" height="320" /> </p>
<h2> </h2>
<h2>Table Export/Import</h2>
<p>Easily transfer tables between websites or save them for future use with our import/export feature. This functionality ensures a seamless way to back up your data, migrate tables, and maintain consistency across multiple platforms or projects.</p>
<p><img class="alignnone size-full wp-image-18734004013621" src="https://woocommerce.com/wp-content/uploads/2024/07/export-import.png" alt="" width="980" height="304" /></p>
<p> </p>
<p></p>

Product Table Builder

<p>Create, customize, and manage product tables effortlessly with an intuitive drag-and-drop interface and advanced query builder.</p>

<h2><b>Quantity Button – Min/Max Quantity Features</b></h2>
<ul>
<li><b>Add +/- Buttons:</b> Add Quantity plus and minus buttons to your store.</li>
<li><b>Set Min/Max Quantity:</b> Define the minimum and maximum quantities for placing an order.</li>
<li><b>Increment/Decrement Steps:</b> Define steps for increasing or decreasing product quantity, such as 2, 4, 6,…..</li>
<li><b>Rule-Based Management:</b> Create rules to control the display of quantity buttons.</li>
<li><b>Quantity Range Slider:</b> Display a quantity range slider for easy quantity selection.</li>
<li><b>Button Design Style:</b> Choose the button style as classic or modern to match your store.</li>
<li><b>Button Customization:</b> Customize the color, border, radius, font, width, and hover color of the quantity button.</li>
<li><b>Supports Custom CSS:</b> Add Custom CSS styling to match the buttons to your store’s theme.</li>
<li><b>Display on Checkout:</b> Option to display the quantity button on the checkout page.</li>
</ul>
<h2><b>Quantity Increment Buttons – Min/Max Quantity</b></h2>
<p>Make it easy for customers to choose the right quantity without frustration. Quantity Buttons for WooCommerce replaces the default number field with clear plus and minus buttons, quantity range sliders, and smart quantity controls directly on your shop, product, and cart pages.</p>
<p>With full customization options, you can set minimum and maximum quantity limits, define increment steps, and apply rules to specific products or categories. Encourage larger orders, manage stock more effectively, and deliver a smoother, more user-friendly shopping experience with powerful quantity controls built for WooCommerce.</p>
<h2><b>Display Quantity Buttons on Multiple Pages</b></h2>
<p>The WooCommerce Quantity Plus Minus plugin allows you to replace the default quantity selector with a customizable quantity plus minus button. Display the button on the product, shop, cart, and checkout pages.</p>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-2-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2021\/01\/Display-Quantity-Buttons-on-Product-Page.png","id":"18734006312489","title":"Display Quantity Buttons on Product Page","alt":"Display Quantity Buttons on Product Page","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2021\/01\/Display-Quantity-Buttons-on-Checkout-Page.png","id":"18734006312490","title":"Display Quantity Buttons on Checkout Page","alt":"Display Quantity Buttons on Checkout Page","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2021\/01\/Display-Quantity-Buttons-on-Cart-Page.png","id":"18734006312491","title":"Display Quantity Buttons on Cart Page","alt":"Display Quantity Buttons on Cart Page","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2021\/01\/Display-Quantity-Buttons-on-Shop-Page.png","id":"18734006312492","title":"Display Quantity Buttons on Shop Page","alt":"Display Quantity Buttons on Shop Page","caption":"","itemprop":"image"}]"></div>
<h2><b>Set Minimum and Maximum Quantity</b></h2>
<p>Increase average order value by setting the minimum and maximum quantity required for placing an order. The WooCommerce Quantity Increment plugin allows store owners to set a minimum or maximum product order quantity and customize the error messages for quantity limits. This encourages customers to purchase products in larger quantities.</p>
<p><img class="alignnone size-medium wp-image-18734006312496" src="https://woocommerce.com/wp-content/uploads/2021/01/Set-Minimum-and-Maximum-Quantity.png?w=827" alt="Set Minimum and Maximum Quantity" width="827" height="185" /></p>
<h2><b>Set Custom Increment Steps</b></h2>
<p>The WooCommerce Quantity Plus Minus plugin lets you define how quantities increase for specific products. For example, set the step value to 5 to let customers purchase in multiples like 5, 10, 15, and more, making it perfect for products sold in sets or bulk quantities.</p>
<p><img class="alignnone size-medium wp-image-18734006312498" src="https://woocommerce.com/wp-content/uploads/2021/01/Set-Custom-Increment-Steps.gif?w=896" alt="Set Custom Increment Steps" width="896" height="537" /></p>
<h2><b>Create Rules to Manage Display of the Button</b></h2>
<p>The WooCommerce Quantity Buttons plugin allows you to create multiple rules to manage the display of the quantity increment button. By creating rules, you can control:</p>
<ul>
<li><b>Min/Max Quantity:</b> Set the maximum and minimum quantity allowed for each rule.</li>
<li><b>Display for Product or Category:</b> Apply the rule to specific products or categories, or all products.</li>
<li><b>Control by User Role:</b> Control the display of quantity buttons based on user roles.</li>
<li><b>Increment Steps:</b> Configure the increment steps for each rule.</li>
</ul>
<p><img class="alignnone size-medium wp-image-18734006312503" src="https://woocommerce.com/wp-content/uploads/2021/01/Create-Rules-to-Manage-Display-of-the-Button.png?w=896" alt="Create Rules to Manage Display of the Button" width="896" height="813" /></p>
<h2><b>Customize the Quantity Button</b></h2>
<p>Personalize the quantity increment button to match your store’s theme. You can choose the button style as <b>Classic</b> or <b>Modern</b>. Easily customize the color of the quantity button, font, hover, and border. Also, customize the border width, radius, font size, and field width.</p>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-3-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2021\/01\/Customize-the-Quantity-Classic-Button-Settings.png","id":"18734006312506","title":"Customize the Quantity Classic Button Settings","alt":"Customize the Quantity Classic Button Settings","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2021\/01\/Customize-Quantity-Modern-Button-Settings.png","id":"18734006312507","title":"Customize Quantity Modern Button Settings","alt":"Customize Quantity Modern Button Settings","caption":"","itemprop":"image"}]"></div>
<h4></h4>
<h2><b>Display a Quantity Range Slider</b></h2>
<p>Add a quantity slider next to or instead of the plus and minus buttons, allowing customers to adjust quantities quickly and smoothly. Use both the buttons and slider together, or enable only one option based on your store’s needs.</p>
<p><img class="alignnone size-medium wp-image-18734006312515" src="https://woocommerce.com/wp-content/uploads/2021/01/Display-a-Quantity-Range-Slider.png?w=896" alt="Display a Quantity Range Slider" width="896" height="539" /></p>
<h2><b>Add Custom CSS Styling</b></h2>
<p>The WooCommerce Quantity Plus Minus Plugin allows store owners extensive customization by adding custom CSS. You can add your own custom CSS styling to apply to the whole store. This way, you can have a more personalized user experience.</p>
<p><img class="alignnone size-medium wp-image-18734006312517" src="https://woocommerce.com/wp-content/uploads/2021/01/Add-Custom-CSS-Styling.png?w=751" alt="Add Custom CSS Styling" width="751" height="436" /></p>
<p> </p>

Quantity Buttons

<h2><b>Add Customizable Quantity Increment Buttons to your Store. Set Minimum/Maximum quantity limits, define steps, and add a Quantity Range Slider to Sell More.</b></h2>

Product Table Builder vs Quantity Buttons