<h2 class="wp-block-heading" id="h-top-3-features">Top Features</h2>
<ul class="wccom-tick-list-primary">
<li><strong>+/- Buttons</strong> – Add simple plus and minus buttons to adjust product quantities</li>
<li><strong>Decimal Support</strong> – Allow quantities like 0.25 or 1.5 for weight or measurement-based items.</li>
<li><strong>Quantity Slider</strong> – Optional slider for faster quantity selection.</li>
<li><strong>Custom Icons</strong> – Choose from built-in icons or upload your own.</li>
<li><strong>Min & Max Limits</strong> – Set quantity restrictions per product or rule.</li>
<li><strong>Step Display</strong> – Show step size, minimum, and maximum limits beside the input.
</li>
<li><strong>Custom Steps</strong> – Define increments like 2, 4, 5, or any custom value.</li>
<li><strong>Rule-Based Control</strong> – Apply quantity rules to products, categories, or user roles.</li>
<li><strong>Button Styling</strong> – Customize shape, size, colors, borders, and hover effects.</li>
<li><strong>Flexible Placement</strong> – Position buttons before, after, or on both sides of the input box.</li>
<li><strong>Responsive Design</strong> – Works seamlessly across all devices and screen sizes.</li>
</ul>
<p><b>Why Choose the Quantity Increment Buttons for WooCommerce?</b></p>
<p>Making sure customers can easily pick how many of an item they want shouldn’t be a hassle. No one wants to deal with clunky number boxes that are hard to use! The <b>Quantity Buttons for WooCommerce</b> plugin solves this by adding simple <b>plus and minus buttons</b>, an optional <b>slider</b>, and smart controls right where your customers need them: on your shop<b>, </b>product, and cart pages.</p>
<h3><strong>Display on Shop, Product & Cart Pages</strong></h3>
<p>WooCommerce Quantity Plus Minus plugin allows you to display quantity buttons on the main shop page, individual product pages, and in the cart.</p>
<h4>Shop Page</h4>
<p><img class="alignnone  wp-image-18734005548092" src="https://woocommerce.com/wp-content/uploads/2025/07/image-7.png" alt="Quantity Buttons for WooCommerce" width="827" height="442" /></p>
<h4>Product Page</h4>
<p><img class="alignnone  wp-image-18734005548104" src="https://woocommerce.com/wp-content/uploads/2025/07/image-8.png" alt="Quantity Buttons for WooCommerce" width="826" height="430" /></p>
<h4>Cart Page</h4>
<p><img class="alignnone  wp-image-18734005548106" src="https://woocommerce.com/wp-content/uploads/2025/07/Frame-27-1.png" alt="Quantity Buttons for WooCommerce" width="822" height="556" /></p>
<h3><strong>Quantity Increment Button Styles</strong></h3>
<p>Add easy plus and minus buttons to quantity fields. Use built-in icons like plus minus, arrows or chevrons, or upload your own using Quantity Buttons for WooCommerce.</p>
<p><img class="alignnone size-full wp-image-18734005548108" src="https://woocommerce.com/wp-content/uploads/2025/07/Frame-19.png" alt="Quantity Increment Buttons for WooCommerce" width="980" height="307" /></p>
<h3><strong>Optional Quantity Slider</strong></h3>
<p>Add a slider next to or instead of the buttons so customers can adjust quantities quickly and smoothly.</p>
<p><img class="alignnone  wp-image-18734005466572" src="https://woocommerce.com/wp-content/uploads/2025/06/Frame-16.png" alt="Display Quantity Slider for WooCommerce" width="807" height="389" /></p>
<h3><strong data-is-only-node="">Enable Decimal Quantities</strong></h3>
<p>Allow customers to enter decimal values like 0.5, 1.25, or 2.75 — ideal for selling products measured by weight, length, or volume.</p>
<p><img class="alignnone  wp-image-18734005548111" src="https://woocommerce.com/wp-content/uploads/2025/07/Frame-29.png" alt="Quantity Increment Buttons for WooCommerce" width="812" height="434" /></p>
<h3><strong>Create Rules for Quantity Limits</strong></h3>
<p>WooCommerce Quantity Buttons allows you to set up multiple rules to control how product quantities work in your store.</p>
<ul>
<li><strong>Target Products or Categories:</strong> Apply rules to specific items or entire product groups.</li>
<li><strong>Target User Roles:</strong> Set different rules for retail, wholesale, or custom user roles.</li>
<li><strong>Minimum & Maximum Limits:</strong> Define how few or how many units can be purchased.</li>
<li><strong>Step Increments:</strong> Choose custom step values like 2, 5, or any interval you need.</li>
</ul>
<p><img class="alignnone  wp-image-18734005548117" src="https://woocommerce.com/wp-content/uploads/2025/07/Frame-30-2.png" alt="Quantity Increment Buttons for WooCommerce" width="682" height="732" /></p>
<h3><strong data-is-only-node="">Display a Tooltip for Quantity Limits</strong></h3>
<p>Show helpful tooltips to guide customers about step sizes, minimums, and maximums.</p>
<p><img class="alignnone  wp-image-18734005548124" src="https://woocommerce.com/wp-content/uploads/2025/07/Frame-18.png" alt="Quantity Increment Buttons for WooCommerce" width="800" height="440" /></p>
<h3><strong data-is-only-node="">Colors & Customization</strong></h3>
<p>Adjust the button shape, size, colors, icon style, and placement to perfectly match your store’s design using W<span data-sheets-root="1">ooCommerce Quantity Plus Minus.</span></p>
<p><img class="alignnone  wp-image-18734005466662" src="https://woocommerce.com/wp-content/uploads/2025/06/Frame-22.png" alt="Colors & Customization for Quantity Buttons for WooCommerce" width="739" height="474" /></p>
<ul>
<li><strong>Buy</strong> <em>Quantity Increment Buttons for <a href="https://woocommerce.com/products/quantity-increment-buttons/">WooCommerce</a>.</em></li>
<li><strong>Download</strong> the plugin and <strong>install</strong> it on your WooCommerce store.</li>
<li><strong>Activate</strong> the plugin from the WordPress dashboard.</li>
<li>Go to <strong>WooCommerce > Quantity Buttons </strong>to set up rules and enable file uploads for your customers.</li>
<li><strong>Need help?</strong> View the complete<strong> installation & Configuration guide <a class="" href="https://woocommerce.com/document/quantity-increment-buttons-docs/" rel="noopener">here</a></strong>.</li>
</ul>

Quantity Increment Buttons

<p>Add customizable quantity buttons for WooCommerce to shop, cart, and product pages. Set min/max, decimal steps & sliders to boost customer experience.</p>

<h2>Highlights</h2>
<ul class="wccom-tick-list-secondary">
<li><strong>Sell Complete Looks Instantly</strong></li>
<li><strong>Maximize Revenue with Styled Looks</strong></li>
<li><strong>Capture More Revenue per Customer</strong></li>
<li><strong>Encourage Impulse Buys with Ease</strong></li>
<li><strong>Improve Customer Lifetime Value Quickly</strong></li>
</ul>
<h3>Enhance Your Sales with Shop the Look for WooCommerce</h3>
<p>Shop the Look for WooCommerce is designed to elevate your sales strategy by transforming individual products into shoppable bundles. Rather than simply offering a single item, you can present an entire ensemble, such as a dress paired with coordinating shoes and accessories, allowing customers to effortlessly add the complete look to their cart with a single click.</p>
<p>To incentivize higher spending, you have the option to apply fixed or percentage discounts on bundled items, and you can control visibility of these offers based on user roles. This extension provides you with unparalleled flexibility: choose between list or grid layouts, enable sliders, customize labels and colors, and determine whether the main product is available for individual sale or exclusively as part of a bundle.</p>
<p>With integrated tracking and comprehensive logs, managing linked products and monitoring their performance becomes a seamless process. Elevate your e-commerce experience and drive sales with the innovative capabilities of Shop the Look for WooCommerce.</p>
<p>See it in action, Try before you buy!</p>
<ul>
<li style="list-style-type: none">
<ul>
<li><a href="https://demo.koalaapps.net/shop-the-look/product/inspired-outfits-by-katrine/" target="_blank" rel="noopener">Template 1</a>: Grid with Banner</li>
<li><a href="https://demo.koalaapps.net/shop-the-look/product/minimalist-home-office-desk/" target="_blank" rel="noopener">Template 2</a>: Grid</li>
<li><a href="https://demo.koalaapps.net/shop-the-look/product/scandinavian-bedding-set/" target="_blank" rel="noopener">Template 3</a>: List</li>
</ul>
</li>
</ul>
<h2>Features</h2>
<ul>
<li>Offer product recommendations or linked items on the product page</li>
<li>Allow customers to match multiple items with the selected product</li>
<li>Select specific products to link with the parent product</li>
<li>Enable discounts on recommended items</li>
<li>Select the discount type as
<ul>
<li>Fixed</li>
<li>Percentage</li>
<li>Display linked products only for specific user roles</li>
</ul>
</li>
<li>Choose to make the parent product purchasable as an individual item</li>
<li>Select the linked product table template as
<ul>
<li>List</li>
<li>Grid</li>
<li>Grid with banner</li>
</ul>
</li>
<li>Enable the slider for grid layout and select navigation style as:
<ul>
<li>Arrow</li>
<li>Dots</li>
</ul>
</li>
<li>Choose how many items to display in the grid banner at a time</li>
<li>Customize label for:
<ul>
<li>Product count selected</li>
<li>Total payable amount</li>
</ul>
</li>
<li>Choose to display product descriptions of linked items</li>
<li>Show or hide add-to-cart button along with each recommended product</li>
<li>View detailed bundle log</li>
<li>Style the linked product table using custom colors for:
<ul>
<li>Product box, background, and border</li>
<li>Button text, background, and hover</li>
<li>Slider arrow, background, and dots</li>
</ul>
</li>
</ul>
<h2>Sell Complete Look</h2>
<p>By using the Shop the Look for WooCommerce extension, merchants can simply combine different items into a main product and offer a complete look. You can add percentage or fixed discounts to these linked items and persuade customers to shop the entire bundle/look at reasonable rates. You can customize a linked product table using custom colors and add a desired layout according to your store’s existing theme. By adding interesting combinations, you can make shopping a fun process and boost overall conversions.</p>
<p><img class="alignnone size-full wp-image-18734005688068" src="https://woocommerce.com/wp-content/uploads/2025/08/woocommerce-shop-the-look-2223.png" alt="WooCommerce Shop the Look" width="980" height="923" /></p>
<h2>3 Look Layouts to Choose from</h2>
<p>The extension allows you to style linked product tables using multiple layouts. You can either display products in the form of a list or go with a simple grid-style layout. Furthermore, you can display products in the form of a banner and make its navigation simpler and quicker.</p>
<div id='gallery-2' class='gallery galleryid-0 gallery-columns-3 gallery-size-full'><figure class='gallery-item'>
			<div class='gallery-icon landscape'>
				<img width="980" height="923" src="https://woocommerce.com/wp-content/uploads/2025/08/woocommerce-shop-the-look-2_e34ce2.png" class="attachment-full size-full" alt="" loading="lazy" />
			</div></figure><figure class='gallery-item'>
			<div class='gallery-icon portrait'>
				<img width="980" height="1034" src="https://woocommerce.com/wp-content/uploads/2025/08/shop-the-look-for-woocommerce-3.png" class="attachment-full size-full" alt="" loading="lazy" />
			</div></figure><figure class='gallery-item'>
			<div class='gallery-icon portrait'>
				<img width="980" height="1096" src="https://woocommerce.com/wp-content/uploads/2025/08/shop-the-look-for-woocommerce-4.png" class="attachment-full size-full" alt="" loading="lazy" />
			</div></figure>
		</div>

<h2>Offer discounts on look choices</h2>
<p>Shop the Look for WooCommerce allows you to add fixed or percentage-based discounts to each linked item. In this way, you can encourage customers to shop the entire look and return to your store for similar offers.</p>
<p><img class="alignnone size-full wp-image-18734005718609" src="https://woocommerce.com/wp-content/uploads/2025/08/woocommerce-shop-the-look-2233.png" alt="" width="980" height="609" /></p>
<h2>Customize the Appearance Styling for Linked Products</h2>
<p>You can style the linked product table using custom colors for:</p>
<ul>
<li>Box text, background, and border</li>
<li>Button text, background, and hover</li>
<li>Slider arrow, background, and dots</li>
</ul>
<p><img class="alignnone size-full wp-image-18734005718612" src="https://woocommerce.com/wp-content/uploads/2025/08/woocommerce-shop-the-look-45678.png" alt="" width="980" height="706" /></p>

Shop the Look

<p>Boost sales and AOV by letting customers shop complete looks with bundled products and discounts.</p>

Quantity Increment Buttons vs Shop the Look