<ul class="wccom-tick-list-primary">
<li><strong>Add quantity field on WooCommerce shop and archive pages without opening product page</strong></li>
<li><strong>Choose whether to display quantity field on shop page, category pages, or all archives</strong></li>
<li><strong>Set a default quantity value that respects product-level min/max rules</strong></li>
<li><strong>Limit quantity field visibility to specific products or product categories</strong></li>
<li><strong>Auto-hide quantity field for variable, out-of-stock, and sold-individually products</strong></li>
<li><strong>Compatible with dropdown quantity selectors and min/max quantity plugins</strong></li>
<li><strong>Enable or disable the quantity field globally with a single setting</strong></li>
<li><strong>Reduce clicks and friction to improve shop page conversions</strong></li>
</ul>
<hr class="wccom-product-single__section-hr" />
<p>In a standard WooCommerce store, customers must open each product page individually just to select a quantity before adding an item to their cart. For stores with large catalogs e.g wholesale shops, grocery stores, or bulk-order businesses, this creates unnecessary friction. Customers are forced to navigate in and out of product pages repeatedly, which increases drop-offs and reduces conversions. Without a way to show the quantity field directly on the shop or archive pages, store owners miss a simple but powerful opportunity to improve the shopping experience and boost sales. That’s where Shop Page Quantity Selector changes everything.</p>
<p>The Shop Page Quantity Selector plugin solves this problem by adding a quantity input field directly on WooCommerce shop, category, and archive pages. Customers can select their desired quantity and add products to the cart without ever opening the product page. With flexible display controls, targeted product visibility, smart conditional handling for variable products, and full compatibility with popular quantity plugins — this tool gives store owners complete control over the quantity field experience, helping reduce cart abandonment and increase conversions.</p>
<h2>Features</h2>
<h3>Enable Quantity Field on Shop & Archive Pages</h3>
<p>The core feature of Shop Page Quantity Selector is the ability to display a quantity input field directly on WooCommerce shop and archive pages. Customers can pick their quantity and click Add to Cart, all from the product grid without ever having to open the product page.</p>
<p><img class="alignnone size-medium wp-image-18734006366935" src="https://woocommerce.com/wp-content/uploads/2026/02/enable-disable-quantity-field-on-shop-page.png?w=896" alt="" width="896" height="574" /></p>
<ul>
<li>You can enable the quantity field with a single checkbox from WooCommerce Settings.</li>
<li>Once enabled, the quantity input appears alongside the Add to Cart button on archive pages.</li>
</ul>
<p>This feature eliminates unnecessary page navigation and gives customers a faster, more convenient way to shop. Fewer clicks mean less friction, and less friction means more completed purchases. It is especially valuable for wholesale stores, repeat buyers, and high-catalog shops where speed matters.</p>
<hr class="wccom-product-single__section-hr" />
<h3>Flexible Display Control — Shop, Category, or All Archives</h3>
<p>Not every store needs the quantity field everywhere. With the Display on Archive Pages setting, you have full control over exactly where the quantity field appears on your WooCommerce store.</p>
<p><img class="alignnone size-medium wp-image-18734006366934" src="https://woocommerce.com/wp-content/uploads/2026/02/display-quantity-field-on-shop-archive-or-all-pages.png" alt="Settings to control where quantity field appears on WooCommerce archive pages" width="896" height="400" /></p>
<ul>
<li>You can choose to show the quantity field on the main shop page only.</li>
<li>You can limit it to product category and archive pages only.</li>
<li>Or you can enable it across all product archive pages at once.</li>
</ul>
<p>This flexibility lets you tailor the shopping experience to your store’s specific needs. Whether you want the quantity selector on every archive page or only in specific areas, this setting puts that control in your hands — without any coding required.</p>
<hr class="wccom-product-single__section-hr" />
<h3>Set a Default Quantity Value</h3>
<p>The Default Quantity setting lets you define a pre-filled quantity value that appears in the quantity field when customers land on your shop or archive pages. This saves customers from having to manually enter a quantity every time.</p>
<p><img class="alignnone size-medium wp-image-18734006366937" src="https://woocommerce.com/wp-content/uploads/2026/02/set-default-quantity-for-quantity-field-on-shop-page.png" alt="Default quantity value setting for WooCommerce shop page quantity field" width="896" height="576" /></p>
<ul>
<li>You can set any positive integer as the default quantity value.</li>
<li>The plugin automatically respects any product-level minimum or maximum quantity rules you have configured.</li>
</ul>
<p>Pre-filling a sensible default quantity reduces the number of steps a customer needs to take before adding a product to the cart. For bulk and wholesale stores, this can significantly speed up the ordering process and improve the overall shopping experience.</p>
<hr class="wccom-product-single__section-hr" />
<h3>Show Quantity Field for Specific Products or Categories</h3>
<p>The Show for Products setting gives you targeted control over which products display the quantity field on shop and archive pages. You can apply it to your entire shop or narrow it down to exactly the products or categories that need it.</p>
<p><img class="alignnone size-medium wp-image-18734006366938" src="https://woocommerce.com/wp-content/uploads/2026/02/show-quantity-field-on-specific-product-or-categories.png?w=896" alt="Target specific products or categories to show quantity field on WooCommerce shop page" width="896" height="591" /></p>
<ul>
<li>You can show the quantity field for all products across the entire shop.</li>
<li>You can limit it to specific selected products using the product search field.</li>
<li>You can also limit it to products belonging to specific categories using the category multiselect.</li>
</ul>
<p>This targeted visibility gives store owners precise control without affecting products or categories where the quantity field is not needed. It is perfect for stores that run mixed catalogs — for example, showing the quantity selector only for bulk-eligible or wholesale products while keeping the standard layout for others.</p>
<hr class="wccom-product-single__section-hr" />
<h3>Smart Auto-Hide for Variable, Out-of-Stock & Sold-Individually Products</h3>
<p>The plugin includes intelligent conditional handling to automatically hide the quantity field for products where it should not appear — without any manual configuration on your part.</p>
<p><img class="alignnone size-medium wp-image-18734006366936" src="https://woocommerce.com/wp-content/uploads/2026/02/hide-quantity-field-on-shop-page-for-vriables.png?w=896" alt="Auto-hide quantity field for variable and out-of-stock WooCommerce products" width="896" height="568" /></p>
<ul>
<li>The quantity field is automatically hidden for variable products, as they require variation selection before a quantity can be set.</li>
<li>It is also hidden for out-of-stock and sold-individually products to prevent incorrect add-to-cart actions.</li>
<li>The hide for variable products behavior can be toggled from the plugin settings if needed.</li>
</ul>
<p>This smart handling ensures that the quantity field only appears where it makes sense, protecting your store from order errors and confusing customer experiences. It keeps the shop page clean and functional across all product types without requiring you to manage each product manually.</p>
<hr class="wccom-product-single__section-hr" />
<h3>High Compatibility with Quantity Customization Plugins</h3>
<p>Shop Page Quantity Selector is built to work alongside the WooCommerce ecosystem — including third-party plugins that modify or extend the quantity field behavior.</p>
<ul>
<li>Works seamlessly with dropdown or select-style quantity field plugins.</li>
<li>Fully compatible with WooCommerce min/max quantity tools and quantity step plugins.</li>
<li>Respects all quantity rules defined by other plugins or at the product level.</li>
</ul>
<p>You do not have to choose between this plugin and the quantity customization tools you already use. Shop Page Quantity Selector integrates cleanly with your existing setup, ensuring a consistent and accurate quantity experience across your entire WooCommerce store.</p>
<hr class="wccom-product-single__section-hr" />
<p>By adding these features to your WooCommerce store, you will give customers a faster and smoother shopping experience, reduce unnecessary page navigation, and create more opportunities for completed purchases.</p>
<p>Do not let extra clicks cost you sales. Install <strong>Shop Page Quantity Selector</strong> today and make every product archive page a powerful conversion point.</p>

Shop Page Quantity Selector

<p>Create quantity field on shop page and lets customers select product quantities directly on shop and category pages without opening the product page.</p>

<h2>Sell Objects Priced by Unit or Allow Customers to Add Quantities of Their Own with Measurement Price Calculator</h2>
<p>While selling t-shirts or cell phone covers is easy with WooCommerce, many of us also sell products that aren’t sold in quantities of “1”, such as flooring, wallpaper, or more. The Measurement Price Calculator for WooCommerce will solve the problems you’ve probably encountered in setting up and pricing these products.</p>
<p>The <strong>Measurement Price Calculator extension</strong> for WooCommerce allows you to add and configure a calculator to your products that are sold in <strong>quantities</strong> based on their dimensions, square footage, volume, or weight. This allows you to easily sell products which have a known measurement per item. For instance, let’s say you have tile that’s sold for $2.09 per square foot, and you offer a box of tiles that covers 35 square feet or a larger box that covers 60 square feet. Using the same pricing per square foot, you can easily enter the size of the box and the calculator will display the total price per box.</p>
<p>Looking to instead allow customers to tell you how much they need? The Measurement Price Calculator also allows you to <strong>sell products based on the price by unit</strong> of measurement (per square foot, cubic yard, etc). Perhaps you sell mulch with a price per cubic yard — you can allow the customer to provide an area and depth of mulch, and the calculator derives the total cubic yardage and final price. Configure any combination of units and customize labels to meet your store’s needs!</p>
<h3>Key Features</h3>
<ul>
<li>Use the quantity calculator for products based on known product measurements (i.e. box of tiles)</li>
<li>Use the pricing calculator for products priced and sold by the unit: foot, square meter, cubic yard, etc (i.e. garden mulch by volume, wallpaper by area)</li>
<li>Product prices can be displayed per unit (e.g., “$1.75 / ft”, “from $3 / sq m”) in shop and on product pages</li>
<li>Pricing calculator <strong>inventory support</strong>: product inventory can be managed “per unit”</li>
<li>Pricing calculator <strong>dynamic weight</strong>: product weight can be set/calculated “per unit” for shipping</li>
<li>Pricing calculator <strong>pricing table</strong>: set price breaks based on simple product measurement ranges</li>
<li>Calculators available for all physical attributes: dimensions, area, surface area, volume, or weight</li>
<li>Area, volume, perimeter, and surface area calculators all allow simple inputs, or entering length, width, and heigh independently</li>
<li>Use any combination of units</li>
<li>When allowing user-defined inputs, optionally include an overage estimate automatically <sup><strong>NEW</strong></sup></li>
<li>Customize measurement and pricing labels</li>
<li>Set minimum and maximum values or the accepted step / increment on customers’ entered measurements <sup><strong>NEW</strong></sup></li>
<li>Variable products supported for per-unit pricing, shipping weight, and inventory</li>
<li>Special “Room Walls” calculator for selling wallpaper</li>
</ul>
<figure id="attachment_1095704" aria-describedby="caption-attachment-1095704" style="width: 850px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-price-per-unit-catalog.png"><img class="size-large wp-image-1095704" src="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-price-per-unit-catalog.png?w=850" alt="WooCommerce Measurement Price Calculator: Pricing Per Unit in Catalog" width="850" height="745" /></a><figcaption id="caption-attachment-1095704" class="wp-caption-text"><em>Some of the product possibilities</em></figcaption></figure>
<h3>Just Some of the Possibilities:</h3>
<ul>
<li>Tile sold by the box covering a certain area: <a href="https://demos.skyverge.com/shop/floor-tile-by-the-box/">demo</a></li>
<li>Variable mulch sold by the cubic yard, with the customer supplying an area and depth: <a href="https://demos.skyverge.com/shop/mulch-by-cu-yd-variable/">demo</a></li>
<li>Colored fabric by the yard: <a href="https://demos.skyverge.com/shop/chevron-fabric-dimension-by-yd/">demo</a></li>
<li>Wallpaper by the roll based on room dimensions: <a href="https://demos.skyverge.com/shop/red-wallpaper-rolls-room-walls/">demo</a></li>
<li>Foam sold by the cubic foot</li>
<li>Fencing for a garden perimeter</li>
<li>Coffee sold by the pound</li>
<li>Wrapping paper by surface area</li>
<li>And more…</li>
</ul>
<h3>One Plugin, Two Calculator Modes</h3>
<p>With this one plugin you can configure <strong>two distinct calculator modes</strong>: <em>quantity-based</em> and <em>user-defined</em>. To learn how to set up products for each mode, check out the <a href="https://woocommerce.com/document/measurement-price-calculator/">documentation</a>. The <em>quantity-based calculator</em> is ideal for selling products that have a set measurement, such as a box of tile with given square footage. The calculator will be shown on the frontend, prompting the customer for a length and width (for instance). You set the label and the units to use, and your customer can easily purchase the minimum number of boxes based on the area of their floor and the coverage of each box of tiles:</p>
<figure id="attachment_1095700" aria-describedby="caption-attachment-1095700" style="width: 950px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-quantity-mode-product.png"><img class="size-large wp-image-1095700" src="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-quantity-mode-product.png?w=950" alt="WooCommerce Measurement Price Calculator Quantity Mode product" width="950" height="697" /></a><figcaption id="caption-attachment-1095700" class="wp-caption-text"><em>Selling a box of tile with the quantity calculator</em></figcaption></figure>
<p>As shown in the sample image, the plugin can be configured to display the price “per unit”, as is common with tile sales. The price for the product (e.g., one box of tiles) will be divided by the configured size of the product (e.g., the square foot coverage of the box of tiles) to determine the price per unit. Of course, <strong>any of the calculators can be used</strong>: dimensions, area, volume or weight, with any combination of units and custom labels.</p>
<p>On the other hand, the <em>user-defined calculator mode</em> allows you to sell products which are priced per unit and sold in custom sizes. This calculator is ideal for selling products which are customized to order: for instance, fabric sold by the foot, with a length provided by the customer. When the ‘Calculated Price’ option is enabled, price will be defined the price per unit and the amount entered by the customer.</p>
<p>On the product page, the customer will be able to supply the length desired and see the final price based on their dimensions:</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-per-yard.png"><img class="aligncenter size-full wp-image-158005" src="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-per-yard.png" alt="WooCommerce Measurement Price Calculator Price per Yard" width="410" height="355" /></a></p>
<p>The user-supplied measurement is shown on the cart page, order details, emails, and order admin:</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-cart.png"><img class="aligncenter size-large wp-image-1095734" src="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-cart.png?w=928" alt="WooCommerce Measurement Price Calculator Cart Page" width="928" height="310" /></a></p>
<h3>Pricing Calculator Inventory Support</h3>
<p>In the latest version of the plugin, inventory can now be managed “by unit” for custom sized products (user-defined mode). With this option enabled, you have the ability to account for product inventory in the same units in which it is sold. For instance, if your product is fabric by the foot you can configure your product inventory in terms of available feet of fabric, so if a customer orders two 10-foot lengths a total of 20 feet will be deducted from your product inventory.</p>
<figure id="attachment_152559" aria-describedby="caption-attachment-152559" style="width: 550px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-inventory-management.png"><img class="size-medium wp-image-152559" src="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-inventory-management.png" alt="WooCommerce Measurement Price Calculator Inventory Management" width="550" height="137" /></a><figcaption id="caption-attachment-152559" class="wp-caption-text"><em>Inventory by the Foot</em></figcaption></figure>
<h3>Pricing Calculator Dynamic Weight</h3>
<p>Now you can configure a weight “per unit” for your user-defined calculator products. By enabling this option you are able to set a weight per square foot, for instance, so that shipping costs can be correctly totaled for products customized by your customers.</p>
<figure id="attachment_152560" aria-describedby="caption-attachment-152560" style="width: 391px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-dynamic-weight.png"><img class="size-full wp-image-152560" src="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-dynamic-weight.png" alt="Example: Shipping based on Pounds per Square Foot" width="391" height="44" /></a><figcaption id="caption-attachment-152560" class="wp-caption-text"><em>Example: Shipping based on Pounds per Square Foot</em></figcaption></figure>
<h3>Pricing Table</h3>
<p>For simple products with prices that vary depending on the total measurement of the item, we are pleased to introduce the <strong>pricing table feature</strong>. No longer are you limited to a single price per unit for your pricing calculator products – simply define one or more pricing rules consisting of a measurement range, a price per unit, or a sale price per unit and the measurement price calculator will take care of the rest. The price will be instantly updated on the product page based on the size of product configured by the customer.</p>
<figure id="attachment_152563" aria-describedby="caption-attachment-152563" style="width: 550px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-example-pricing-table.png"><img class="size-medium wp-image-152563" src="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-example-pricing-table.png" alt="WooCommerce Measurement Price Calculator Pricing Table" width="550" height="174" /></a><figcaption id="caption-attachment-152563" class="wp-caption-text"><em>Easily configure product prices that vary based on size</em></figcaption></figure>
<p>Display the available pricing on the frontend with a simple shortcode that can be used on the product page or anywhere shortcodes are accepted. Encourage your customers to purchase more with savings they can see. Want a convenient place to show this? How about listing the price schedule in a custom tab added by the premium <a href="https://woocommerce.com/products/woocommerce-tab-manager/">Tab Manager</a>:</p>
<figure id="attachment_150842" aria-describedby="caption-attachment-150842" style="width: 511px" class="wp-caption aligncenter"><img class="size-full wp-image-150842" src="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-pricing-table-frontend.png" alt="Prices are always up to date on the frontend thanks to a simple yet powerful shortcode" width="511" height="189" /><figcaption id="caption-attachment-150842" class="wp-caption-text"><em>Prices are always up to date on the frontend thanks to a simple yet powerful shortcode</em></figcaption></figure>
<p>Remember that <strong>any of the calculators</strong> can be used: dimensions (length, width, height), area (simple area or length x width), surface area, perimeter, volume (simple volume, area x height, or length x width x height) or weight, with any combination of units and custom labels. The Measurement Price Calculator allows you to configure product calculators that are as unique as your product line!</p>
<h3>How to Get Started (in 5 minutes or less)</h3>
<ol>
<li>Buy this extension 🙂</li>
<li>Download and install into your WooCommerce store</li>
<li>Define measurements to use under WooCommerce Settings > Products</li>
<li>Check out our <a href="https://woocommerce.com/document/measurement-price-calculator/">documentation</a> for some setup tips</li>
<li>Update Product Data in the Product Page under <strong>Measurement</strong> for all products that will use the calculator</li>
<li>That’s it! Enjoy products priced automatically by measurement!</li>
</ol>
<p><em>Need any more reason to buy? When you purchase a SkyVerge-developed extension, you’re getting the highest quality extensions for your WooCommerce store. Gain peace of mind by knowing that when you purchase our products, your store’s performance is as important to us as it is to you.</em></p>

Measurement Price Calculator

<p>Add a calculator to your product pages to calculate product quantity required or overall price by square footage and more.</p>

Shop Page Quantity Selector vs Measurement Price Calculator