Product Builder
Product Builder supplies the product context for a custom product layout. Its descendants can include product title, price, purchase controls, descriptions, tabs, and ordinary layout elements. WooCommerce must be installed and active.
Add and configure Product Builder
- Click Add, choose Product Builder, and place it in the container.
- Place Product Builder in the product template or intended product presentation.
- Set Content > Content > Product only when a fixed product is intended; keep template content tied to its current product.
- Use Add Elements to add product parts and arrange them inside layout containers.
- Review Disable Woo ID, Spacing, and Advanced only as needed.
- Save your changes.
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.”
Content > Content
| Setting | Purpose and options | Behavior |
|---|---|---|
| Product | Set product. | Shared |
| Add Elements | Add the child elements offered for this container. | Shared |
| Disable Woo ID | On/off. | Shared |
Design > Spacing
| Setting | Purpose and options | Behavior |
|---|---|---|
| Spacing | spacing controls. | See linked controls |
Design > Advanced
| Setting | Purpose and options | Behavior |
|---|---|---|
| Override Global Styles | woocommerce global styles. | See linked controls |
Troubleshooting
Every product page shows the same product
Check for a fixed Product selection in a template intended to follow the current product.
A product part cannot be inserted
Place it within Product Builder. Ordinary layout containers can sit between the builder and its product parts.