Customize Quantity Buttons | CodeConfig Skip to Main Content

🔢 Customize Quantity Buttons

The Customize Quantity Buttons feature lets you control and style how product quantity selectors look in your WooCommerce store, improving user experience and matching your store design.

Enable Custom Quantity

Turn on this option to replace the default WooCommerce quantity input with a modern, stylish custom version.

Quantity Box Style

Choose from a variety of preset styles for your quantity selector. Options include plus/minus buttons, stepper arrows, and clean numeric fields, all designed for better usability.

Inline Quantity: Enable this to place the quantity box inline with the cart button for a compact layout.

Show Quantity Text

Enable an optional text label next to the quantity input. Enter your preferred label, for example: “Quantity”.

Design Options

Use the Live Design button to adjust colors, size, and other visual details of your quantity buttons in real time, ensuring they match your theme perfectly.

Save Settings

Click Save Settings to apply your customized quantity button styles across your entire store.