Default
The default cart quantity selector pairs a clean number input with plus and minus buttons for fast, intuitive shopping.
Border
A bordered quantity field outlines the stepper for clearer definition, making it easy to read against any product layout.
Border Rounded
Soft rounded borders wrap the quantity stepper, giving the cart control a friendly, modern feel that suits most stores.
Border + Color
Add your brand color to the bordered stepper so the quantity control stands out and matches the rest of your shop theme.
Border 2
A thicker, more prominent border style frames the quantity input for stores that prefer bold, highly visible controls.
Transparent
The transparent variant drops the background so the quantity stepper blends seamlessly into light or patterned sections.
Background
A solid filled background gives the quantity stepper a tactile, button-like surface that invites shoppers to interact.
Background Border
Combine a filled background with a crisp border to give the quantity control extra depth and a refined, layered look.
Background Circle
Circular filled buttons flank the quantity field for a playful, rounded stepper that works well in modern shop designs.
Background Varriant
A color-filled background variant ties the quantity stepper to your palette while keeping the controls easy to tap.
Dark
The dark style inverts the stepper for use on shadowed sections, keeping the quantity control legible on deep backgrounds.
Border - on Background
A bordered stepper sits neatly on a colored section, staying visible and on-brand even over vivid background fills.
Larger Size
Scale the quantity stepper up with the larger size for touch-friendly tapping on tablets and roomy product pages.
Smaller Size
The smaller size keeps the quantity control compact, ideal for dense product grids and tight cart layouts.
Different Icon
Swap the stepper glyphs for different icons so the quantity control matches your shop's iconography and visual style.
Group
Grouped controls join the buttons and field into one connected unit for a tidy, button-bar quantity selector.
Starts with 0
Configure the stepper to start at zero, perfect for optional add-ons where shoppers choose how many to include.
DropDown
Offer a dropdown quantity selector when fixed choices work best, letting shoppers pick from preset amounts quickly.