Product Meta

Product Meta displays the current product's metadata, such as the values WooCommerce supplies for its SKU and taxonomy links. WooCommerce must be installed and active.

Add and configure Product Meta

1. Click Add, choose Product Meta, and place it in the container.
2. Place the element inside Product Builder.
3. Preview a product with the metadata you intend to show.
4. Configure Design > Container, Typography, and Spacing.
5. Save your changes.

Keep the required parent context

Product Meta 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 > Container

Setting	Purpose and options	Behavior
Layout	Stacked, Inline.	Responsive
Divider	On/off.	Shared

Shown when Divider is set.

Setting	Purpose and options	Behavior
Divider Color	Color or supported fill.	Shared
Divider Width	Divider width and unit.	Shared
Divider Style	Solid, Dotted, Dashed, Double.	Shared

Setting	Purpose and options	Behavior
Width	Width.	Responsive

Design > Typography

Setting	Purpose and options	Behavior
Labels	typography controls.	See linked controls
Values	typography controls.	See linked controls
Links	typography controls.	See linked controls

Design > Spacing

Setting	Purpose and options	Behavior
Between Items	Between items and unit.	Responsive
Wrapper	spacing controls.	See linked controls

Troubleshooting