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

<div class="woo-sc-box" style="background: #fff;border: 1px solid #cfb9f6;border-left-width: 1px !important;border-radius: 5px;color: #000000;margin: 2em 0;padding: 17px">
<h2>Highlights</h2>
<ul class="wccom-tick-list-secondary" style="line-height: 1.8em;color #ffffff;margin-bottom: 18px">
<li><strong>Add visually appealing tag images to enhance customer experience</strong></li>
<li><strong>Convey key product information, such as brand, size, or features, using recognizable images</strong></li>
<li><strong>Improve navigation by helping customers identify products faster through visual cues</strong></li>
<li><strong>Boost engagement and conversions with attractive, professional-looking product displays</strong></li>
<li><strong>Simplify product discovery by associating specific tags with clear, intuitive visuals</strong></li>
</ul>
</div>
<p>When making purchase decisions, customers often bypass lengthy product descriptions in favor of quick details. Product tags play a crucial role in conveying key product characteristics — such as material, purpose, style, size, brand, and more.</p>
<p>The <strong>Custom Product Tag Image for Woocommerce</strong> extension allows merchants to incorporate images into product tags. These images can be added to both existing and new product tags and displayed on product and listing pages.</p>
<p>Using engaging tag images in place of extensive paragraphs can significantly impact customers. For instance, if you offer a money-back guarantee on your products, including a corresponding tag image alongside mentioning it in the content can increase visibility. Visual information is processed more easily than written content, making tag images a powerful tool for conveying important product information to customers.</p>
<p><img class="alignnone size-full wp-image-18734004456578" src="https://woocommerce.com/wp-content/uploads/2020/09/Picture2.png" alt="" width="980" height="693" /></p>
<h2>Features</h2>
<ul>
<li>Customize images on existing or new tags of your products</li>
<li>Turn the visibility of tags on and off for product and listing pages</li>
<li>Choose from six different tag image display positions on the product and listing page:
<ul>
<li>After the product description</li>
<li>Before the product description</li>
<li>After the product price</li>
<li>Before the product price</li>
<li>After the add-to-cart button</li>
<li>Before the add-to-cart button</li>
</ul>
</li>
<li>Show tags in multiple display formats:
<ul>
<li>Text</li>
<li>Icon</li>
<li>Both (text and icon)</li>
</ul>
</li>
<li>Add shapes to your tag images:
<ul>
<li>Square</li>
<li>Round</li>
</ul>
</li>
<li>Select the font size and family customize product tags</li>
<li>Display all tags anywhere by pasting the shortcode: <code>[ka_tag_display]</code></li>
</ul>
<h2>Uses by industry</h2>
<p>This product tag image extension is versatile enough to be used for various industries. Here are some of the common uses:</p>
<ul>
<li><b>Fashion stores</b> commonly tag such as <em>best sellers, </em><span style="font-weight: 400"><em>on sale, new arrivals,100% cotton, free size, and custom design</em>.</span></li>
<li><b>Food stores</b> often use tags such as <em>certified halal, beef, chicken, low calories, spice levels, sauces, veggies</em>, or any other key detail.</li>
<li><b>Medicinal products</b> often use tags such as <em>prescription required, mg dosage, 18+, pain relief, and other medical formulas</em>.</li>
<li><b>Nutritional products</b> commonly use tags like <em>100% organic, high protein, sugar-free, whole grain, low carb, rich in Omega-3</em>, and more.</li>
</ul>
<p><img class="alignnone size-full wp-image-18734004456583" src="https://woocommerce.com/wp-content/uploads/2020/09/custom-product-tag-images-for-woocommerce-1.gif" alt="" width="505" /></p>
<h2>Display custom tag images on product and listing pages</h2>
<p>Elevate your product and listing pages’ look by adding custom product tag images. This highly customizable extension enables merchants to tailor the look and feel of the tag section in whichever way they see fit. From font to icon shape, every option is customizable in this extension.</p>
<p><img class="alignnone size-full wp-image-18734004456694" src="https://woocommerce.com/wp-content/uploads/2020/09/custom-product-tag-image-for-woocommerce-33.png" alt="custom product tag image for woocommerce" width="980" height="840" /></p>
<div class="woocommerce-message">
<h3 style="text-align: center">Make your products stand out — add custom product tag images today.</h3>
<p style="text-align: center"><a class="wccom-button is-primary" style="width: 130px;margin: 24px auto 0" href="https://woocommerce.com/?add-to-cart=6515948"><span class="wccom-button__text">Buy now</span></a></p>
</div>
<h2>Multiple placement options to choose from</h2>
<p>Choose between multiple placement options on product and listing pages to find the best position to display product tag images. For example, users can choose to place tag images before or after the product description, before or after the product price, and many more. These options help customers make an informed decision, as the product’s key information will be displayed in the most relevant places.</p>
<p><img class="alignnone size-full wp-image-18734004456603" src="https://woocommerce.com/wp-content/uploads/2020/09/custom-product-tag-images-for-woocommerce-4.gif" alt="" width="876" /></p>
<h2>Display tags as text, an icon, or both</h2>
<p>Using this extension, merchants can decide to display product tag images as text, icons, or a combination of both. For example, if the admin wants to convey a quick message, adding bold text like “best-seller” can fulfill the need. Alternatively, if the goal is to provide information like “limited-time offer,” then using a clock icon along with the text can persuade customers to act quickly before the deal expires.</p>
<p><img class="alignnone size-full wp-image-18734004456692" src="https://woocommerce.com/wp-content/uploads/2020/09/custom-product-tag-image-for-woocommerce-22-1.png" alt="" width="980" height="154" /></p>
<h2>Customize the look and feel of tags</h2>
<p>The Custom Product Tag Image extension for WooCommerce allows users to customize product tags with images, text, and shapes. After adding an image, you can customize the title text, color and shape for the particular product tag.</p>
<p>For example, if you want to create a fear of missing out (FOMO) situation for customers about a sale, you can highlight the sale title with red color, increase its font, and change its shape (round, square, etc.) to attract attention. In this way, you can customize the look of product image tags freely and quickly.</p>
<p><img class="alignnone size-full wp-image-18734004456698" src="https://woocommerce.com/wp-content/uploads/2020/09/custom-product-tag-image-for-woocommerce-101.png" alt="c" width="980" height="852" /></p>
<h2>Documentation</h2>
<p>For more information on how to add tag images and how to customize their layout and display, <a href="https://woocommerce.com/document/custom-product-tag-image/">review the documentation</a>.</p>
<h2>PHP version requirement</h2>
<p>The minimum PHP version required to run this extension is 7.4.</p>

Custom Product Tag Image

<p><span style="font-weight: 400">Add images to product tags and display them on product and listing pages to provide a more visually informative shopping experience.</span></p>

Shop Page Quantity Selector vs Custom Product Tag Image