Skip to main content
Documentation/Elements & Controls Reference/Elements/WooCommerce/Product Builder/Product Description

Product Description

Product Description displays the current product's full description inside Product Builder. WooCommerce must be installed and active.

Add and configure Product Description

  1. Click Add, choose Product Description, and place it in the container.
  2. Place the element inside Product Builder.
  3. Preview a product with a full description.
  4. Configure Design > Size, Typography, and Spacing.
  5. Save your changes.
Product Description controls in the Breakdance editor
Product Description controls in the Breakdance editor

Keep the required parent context

Product Description 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 > Size

Setting Purpose and options Behavior
Width Width. Responsive

Design > Typography

Setting Purpose and options Behavior
Default typography controls. See linked controls
H1 typography controls. See linked controls
H2 typography controls. See linked controls
H3 typography controls. See linked controls
H4 typography controls. See linked controls
Paragraph typography controls. See linked controls
Link typography controls. See linked controls
List typography controls. See linked controls

Design > Spacing

Setting Purpose and options Behavior
Wrapper spacing controls. See linked controls
H1 > Margin Block Start Margin block start and unit. Shared
H1 > Margin Block End Margin block end and unit. Shared
H2 > Margin Block Start Margin block start and unit. Shared
H2 > Margin Block End Margin block end and unit. Shared
H3 > Margin Block Start Margin block start and unit. Shared
H3 > Margin Block End Margin block end and unit. Shared
H4 > Margin Block Start Margin block start and unit. Shared
H4 > Margin Block End Margin block end and unit. Shared
Paragraph > Margin Block Start Margin block start and unit. Shared
Paragraph > Margin Block End Margin block end and unit. Shared
List > Margin Block Start Margin block start and unit. Shared
List > Margin Block End Margin block end and unit. Shared
List > Padding Inline Start Padding inline start and unit. Shared
List > List Item P > Margin Block Start Margin block start and unit. Shared
List > List Item P > Margin Block End Margin block end and unit. Shared

Troubleshooting

The description is empty

Check the product's full description in WooCommerce and the current product context.

The same description appears twice

Review whether Product Tabs also includes the Description tab.