Product Title
Product Title displays the current WooCommerce product name inside Product Builder. WooCommerce must be installed and active.
Add and configure Product Title
- Click Add, choose Product Title, and place it in the container.
- Place Product Title inside Product Builder.
- Set Content > Content > Tags for its heading level.
- Configure Design > Size, Typography, and Spacing.
- Save your changes.
Keep the required parent context
Product Title 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.”
Content > Content
| Setting | Purpose and options | Behavior |
|---|---|---|
| Tags | h1, h2, h3, h4, h5, h6. | Shared |
Design > Size
| Setting | Purpose and options | Behavior |
|---|---|---|
| Width | Width. | Responsive |
Design > Typography
| Setting | Purpose and options | Behavior |
|---|---|---|
| Typography | typography controls. | See linked controls |
Design > Spacing
| Setting | Purpose and options | Behavior |
|---|---|---|
| Spacing | spacing controls. | See linked controls |
Troubleshooting
The wrong title appears
Check Product Builder's product context and the template preview product.
The name wraps poorly
Test a long product name and adjust responsive typography or available width.