<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>Add official EU Energy Labels to your WooCommerce products.</li>
<li>Display labels on both shop and individual product pages.</li>
<li>Enable tooltip previews on hover for product labels.</li>
<li>Supports both current and legacy EU Energy Label formats.</li>
<li>Customize label placement per product or globally via settings.</li>
<li>Optional image upload for custom tooltips.</li>
</ul>
<hr class="wccom-product-heading__hr" />
<h2>Add EU Energy Labels to Product and Shop Pages</h2>
<p>Products that consume energy — such as appliances, electronics, lighting, and vehicles — are required by EU law to display specific energy labels. These labels provide transparent information about energy consumption and efficiency. The <strong>EU Energy Label for WooCommerce</strong> plugin helps store owners comply by generating and displaying official EU labels directly on their online products.</p>
<h2><strong>Overview</strong></h2>
<p>The <strong>EU Energy Label for WooCommerce</strong> plugin allows you to generate and manage EU-compliant energy labels for your products. You can display both new and legacy versions of the label as needed. The plugin also includes label rating support and tooltip functionality.</p>
<p>The EU energy label is a powerful tool to help consumers make informed and eco-friendly purchasing decisions.</p>
<h2><strong>Enable and Manage EU Energy Labels</strong></h2>
<p>Flexible admin settings allow you to activate labels on product, category, tag, archive, and individual product pages with just a few clicks.</p>
<h3><strong>How does it work?</strong></h3>
<ul class="wccom-tick-list-secondary">
<li>Enable labels globally for product and shop pages via the plugin’s settings page.</li>
<li>Set label position using dropdown options in the plugin settings.</li>
<li>Customize or override label settings at the individual product level.</li>
</ul>
<h2><strong>Assigning Labels to Products</strong></h2>
<p>To set a label for a product, open the product edit screen and use the dedicated “EU Energy Label” tab:</p>
<ol>
<li>Navigate to the product edit screen and click on the EU Energy Label tab.</li>
<li>Enable the label and choose between single or dual label types.</li>
<li>Select the appropriate label category and optionally upload a custom image or tooltip.</li>
</ol>
<p><img class="alignnone wp-image-18734004992924 size-medium" src="https://woocommerce.com/wp-content/uploads/2021/09/Screenshot-2025-03-04-134614.png?w=896" alt="Energy Label for WooCommerce Product Page Setting" width="896" height="356" /><br />
<img class="alignnone wp-image-18734004992926 size-medium" src="https://woocommerce.com/wp-content/uploads/2021/09/Screenshot-2025-03-04-134626.png?w=896" alt="Energy Label for WooCommerce Label Type Selection" width="896" height="352" /></p>
<h2><strong>Front-End Display</strong></h2>
<h3><strong>Shop Page</strong></h3>
<p>EU energy labels appear on shop and archive pages. The label color varies based on product category, consistent with EU standards.</p>
<p><img class="aligncenter wp-image-8506734 size-full" style="border: 1px solid #674399" src="https://woocommerce.com/wp-content/uploads/2021/08/item-page-1.png" alt="Energy Label Shop Page Display" width="1621" height="869" /></p>
<h3><strong>Tooltips</strong></h3>
<p>Hovering over the label icon reveals a tooltip showing the full energy label. This enhances usability on shop and category pages.</p>
<p><img class="alignnone wp-image-8506754 size-full" style="border: 1px solid #674399" src="https://woocommerce.com/wp-content/uploads/2021/08/item-page-2.png" alt="On Hover Label Display EU" width="1637" height="777" /></p>
<h2><strong>Product Page</strong></h2>
<p>By default, energy labels display on the right side of the product image, with alternative positioning available in settings.</p>
<p><img class="aligncenter wp-image-8326817 size-full" style="border: 1px solid #674399" src="https://woocommerce.com/wp-content/uploads/2021/07/screen-6.png" alt="Product Page Eu Label Display" width="1393" height="673" /></p>
<h3><strong>Compatible With Popular Themes & Builders</strong></h3>
<ul class="wccom-tick-list-secondary">
<li>Elementor Builder</li>
<li>WPBakery Builder</li>
<li>Divi Builder</li>
<li>Storefront Theme</li>
<li>Enfold Theme</li>
<li>Avada Theme</li>
<li>Woodmart Theme</li>
<li>Divi Theme</li>
<li>Flatsome Theme</li>
<li>Porto Theme</li>
<li>XStore Theme</li>
<li>Shopkeeper Theme</li>
</ul>
<h3><strong>Translation Ready</strong></h3>
<p>The plugin includes a .POT file for easy translation and is fully compatible with multilingual plugins such as WPML and Polylang.</p>

EU Energy Label

<p>Easily add official EU Energy Labels to WooCommerce products. Stay compliant with EU regulations, improve transparency, and boost customer trust. Simple setup and fully customizable display.</p>

Shop Page Quantity Selector vs EU Energy Label