B3 Swatches Article
Quantity Controls
Replace the native quantity field with styled controls, set limits and sizing, and tune stock messaging.
The quantity and stock settings let the rest of the product form match the swatch UI. Use them to style the control, constrain values, and show cleaner stock feedback on selection.
Browse docs
Custom quantity buttons
Decide whether to replace native quantity controls with the B3 quantity interface.
The quantity tab can leave WooCommerce’s default field alone or replace it with a styled control that better matches the swatch UI.
Styling and limits
Configure quantity button style, position, sizing, and allowed values.
Once you move away from the default quantity field, you can control style, button position, custom sizing, and min/max/step rules.
- Style and button position
- Choose the control style and whether the buttons sit on both sides, one side, or stacked.
- Sizing and colors
- Enable custom sizing if the default dimensions do not fit the product form.
- Limits
- Enable custom limits to set minimum, maximum, and step values that reflect how the product is sold.
Stock feedback
Use stock text and out-of-stock display rules to keep unavailable choices clear.
The stock controls let you style supporting stock text and choose how unavailable swatches are treated. Use that layer to keep the status clear without making the selector noisy.