Product Info
Product Info displays WooCommerce's additional product information inside Product Builder. Use it for the product details WooCommerce makes available in that section. WooCommerce must be installed and active.
Add and configure Product Info
- Click Add, choose Product Info, and place it in the container.
- Place the element inside Product Builder.
- Preview a product with additional information.
- Configure Design > Style, Typography, and Spacing.
- Save your changes.
Keep the required parent context
Product Info 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 > Style
| Setting | Purpose and options | Behavior |
|---|---|---|
| Width | Width. | Responsive |
| Hide Heading | On/off. | Shared |
| Separators | Color or supported fill. When: Hide Separators is unset. | Shared |
| Hide Separators | On/off. | Shared |
Design > Typography
| Setting | Purpose and options | Behavior |
|---|---|---|
| Heading | typography controls. | See linked controls |
| Attribute Title | typography controls. | See linked controls |
| Attribute Value | typography controls. | See linked controls |
Design > Spacing
| Setting | Purpose and options | Behavior |
|---|---|---|
| Container | spacing controls. | See linked controls |
| After Heading | After heading and unit. When: Hide Heading is unset. | Responsive |
| After Attribute | After attribute and unit. | Responsive |
| Row | Row and unit. | Responsive |
Troubleshooting
No information appears
Check the product's configured attributes and additional information in WooCommerce.
The details appear twice
Review whether Product Tabs already includes Additional Information.