Product Stock
Product Stock displays WooCommerce's stock messaging for the current product. Use it near the purchase controls when the message is useful to shoppers. WooCommerce must be installed and active.
Add and configure Product Stock
- Click Add, choose Product Stock, and place it in the container.
- Place the element inside Product Builder.
- Configure Design > Notices, In Stock, and Spacing.
- Review products with different stock states.
- Save your changes.
Keep the required parent context
Product Stock must be inside Product Builder, Fundamental Product Builder. Layout containers can sit between the parent and this element. Configure the product or checkout context on the parent.
This element has no children; use its own controls.
Controls
Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”
Design > Notices
| Setting | Purpose and options | Behavior |
|---|---|---|
| Out Of Stock > Background | Color or supported fill. | Shared |
| Out Of Stock > Borders | borders controls. | See linked controls |
| Out Of Stock > Typography | typography controls. | See linked controls |
| Out Of Stock > Padding | spacing controls. | See linked controls |
| Out Of Stock > Disable Icon | On/off. | Shared |
| Out Of Stock > Icon Color | Color or supported fill. When: Disable Icon is unset. | Shared |
| Out Of Stock > Custom Icon | Icon. When: Disable Icon is unset. | Shared |
| Backorder > Background | Color or supported fill. | Shared |
| Backorder > Borders | borders controls. | See linked controls |
| Backorder > Typography | typography controls. | See linked controls |
| Backorder > Padding | spacing controls. | See linked controls |
| Backorder > Disable Icon | On/off. | Shared |
| Backorder > Icon Color | Color or supported fill. When: Disable Icon is unset. | Shared |
| Backorder > Custom Icon | Icon. When: Disable Icon is unset. | Shared |
Design > In Stock
| Setting | Purpose and options | Behavior |
|---|---|---|
| In Stock | typography controls. | See linked controls |
Design > Spacing
| Setting | Purpose and options | Behavior |
|---|---|---|
| Spacing | spacing controls. | See linked controls |
Troubleshooting
No stock message appears
Check the product's stock-management and availability settings. Some product states do not supply a visible stock message.
The displayed message differs from the expected quantity
Review WooCommerce's stock-display settings and the selected product or variation.