Quantity Buttons for WooCommerce Plugin
Add plus and minus quantity buttons to the WooCommerce Legacy Cart (does not support cart blocks).
Add plus and minus quantity buttons to the WooCommerce Legacy Cart (does not support cart blocks).
Special Features
- Responsive design for mobile
- Generic aesthetic that integrates with your storefront design
- Zero setup and configuration, just install and activate the plugin
- No impact to WooCommerce templates
- Easily controlled with CSS class: .woocommerce button.qty
Installation
- Upload the plugin files to the
/wp-content/plugins/woo-quantity-buttons
directory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the \’Plugins\’ screen in WordPress
- Visit any WooCommerce product page or cart to see the quantity buttons
Screenshots
Mobile Example
Desktop Example
FAQ
Where do the quantity buttons show up? Visit any WooCommerce public-facing product page, or the WooCommerce cart. The quantity buttons will appear adjacent to the quantity number field.
Where can I get support? Reach out to us anytime for additional support.
The buttons are not the right size, shape, or color Customize the buttons using CSS class .woocommerce button.qty
For example, if your theme supports it navigate to Appearance > Customize > Additional CSS and paste in .woocommerce button.qty{ background:lightgray; color:#555; padding:.3em; }
Alternately, add the CSS to your theme’s stylesheet under Appearance > Theme Editor: .woocommerce button.qty{ background:lightgray; color:#555; padding:.3em; }
Changelog
1.1.11
- Compatibility with WC 9.1 and WP 6.6.
1.1.9
- CSS updates. Compatibility with WC 9.
1.1.8
- Compatibility with WC 8.6 and WP 6.4.
1.1.5
- Hide buttons when quantity disabled.
1.1.4
- Compatibility with WC 8.0 and WP 6.3.
1.1.3
- Compatibility with WC 7.9 and WC HPOS.
1.1.0
- WC Custom orders table compatibility checks.
1.0.20
- Accommodation for custom admin URL
1.0.19
- Compatibility with WC One Page Checkout
1.0.15
1.0.10
- Updated FAQs and features to include CSS classes
1.0.7
1.0.6
- WooCommerce version compatibility testing and indicator
1.0.5
- Improved plugin description and tags
1.0.4
- Add top margin for add-to-cart button
1.0.2
- Improvements to JS update_cart behavior and class application
1.0.1
1.0.0
- Basic functionality created