<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>

<ul class="wccom-tick-list-primary">
<li style="font-weight: 400"><strong>Create country, product, and category-specific size guides</strong></li>
<li style="font-weight: 400"><strong>Help customers pick the right fit and minimize size confusion </strong></li>
<li style="font-weight: 400"><strong>Increase sales and reduce returns due to wrong sizing </strong></li>
<li style="font-weight: 400"><strong>Display different size guides in different countries to match your audience </strong></li>
<li style="font-weight: 400"><strong>Choose a size chart format to maximize conversions </strong></li>
</ul>
<hr />
<h2 style="text-align: center">Create Multiple Custom Size Guides</h2>
<p>Standard sizes vary from country to country, which is why many users struggle with online shopping. For stores selling apparel and shoes, the right size charts are crucial, but many fail to use them the right way. <em>Apparels have a staggering 24% return rate</em>, which is the highest compared to other categories in the US. The top reason for these returns is wrong sizing issues.</p>
<p>The <strong>WooCommerce Size Chart</strong> extension can easily avoid these returns. The plugin lets you create and customize multiple-size charts for your store, suited to your products and customer needs. This will make it easy for customers to choose the right size and give them the confidence to make the purchase.</p>
<p>You can display country-specific size charts to cater to an international audience and show size charts as buttons or popups. For convenience, you can upload a size chart image or add a table using the WYSIWYG editor. The size charts are highly customizable and can be attached to all or specific products and categories as required.</p>
<h2>Product use-cases</h2>
<p><img class="alignnone size-full wp-image-18734003836529" src="https://woocommerce.com/wp-content/uploads/2020/05/size-chart-infographic-2-1.jpg" alt="size chart for woocommerce" width="980" height="602" /><br />
<b>Features:</b></p>
<ul>
<li>Add multiple-size charts and attach them to relevant products, categories, and countries.</li>
<li>Create a size chart table or simply upload a size chart image.</li>
<li>Attach size charts by product tags (<strong>New</strong>)</li>
<li>Import and export size charts using a CSV file (<strong>New</strong>)</li>
<li>Add a size chart in the product tab or display it in a popup using a button.</li>
<li>Choose from multiple popup positions (<strong>New</strong>)</li>
<li>Choose from multiple popup animation effects (<strong>New</strong>)</li>
<li>Add size chart button after price, description, add to cart, or product meta.</li>
<li>Choose from multiple popup icons (<strong>New</strong>)</li>
<li>Customize button background and text color.</li>
<li>Customize size chart tab display order.</li>
<li>Create use role-specific size charts (<strong>New</strong>)</li>
<li>Add custom color for table rows and columns.</li>
<li>Style size charts the way you want using custom CSS (<strong>New</strong>)</li>
<li>Option to add table border.</li>
</ul>
<h2>Create multiple-size charts for different types of products</h2>
<p>Add multiple customized size charts according to your product catalog on your store. Create size guides manually or add a size chart image. For each size chart, you can insert descriptions to explain the sizing. Quickly adjust chart dimensions and choose color schemes for various elements. As you create a new size chart, you can add as many rows and columns as needed and adjust color schemes accordingly.</p>
<p><img class="alignnone size-full wp-image-18734005299530" src="https://woocommerce.com/wp-content/uploads/2020/05/woocommerce-size-chart-1.png" alt="woocommerce size chart" width="980" height="458" /></p>
<h2>Show the size chart in a button</h2>
<p>Using the WooCommerce size chart extension, you can show the size guide as a button on the product page. The size chart button and the table itself are highly customizable and you can style it the way you want to.</p>
<p><img class="alignnone size-full wp-image-18734005299534" src="https://woocommerce.com/wp-content/uploads/2020/05/woocommerce-size-chart-2.png" alt="woocommerce size chart" width="980" height="558" /></p>
<h2>Show size chart in a Tab</h2>
<p>Instead of displaying in a popup, you can choose to show size charts in a tab. While showing the size chart in a product tab, you can customize the following options:</p>
<ul>
<li>Tab label</li>
<li>Size chart styling</li>
<li>Size chart content</li>
</ul>
<p><img class="alignnone size-full wp-image-18734005299545" src="https://woocommerce.com/wp-content/uploads/2020/05/woocommerce-size-chart-3.png" alt="" width="874" height="699" /></p>
<h2>Show picture-based size charts</h2>
<p>Instead of creating an entire size chart and then styling it, you can just get a size chart designed in the dimensions of your liking and display it on product pages.</p>
<p><img class="alignnone size-full wp-image-18734005299551" src="https://woocommerce.com/wp-content/uploads/2020/05/woocommerce-size-chart-4.png" alt="woocommerce size chart" width="870" height="695" /></p>

Size Chart for WooCommerce

<p>With size chart extension, merchants can now create multiple size guides and attach them to relevant products and categories.</p>

Shop Page Quantity Selector vs Size Chart for WooCommerce