Woo Breadcrumb
Woo Breadcrumb displays WooCommerce's breadcrumb trail for the current store page. Use it above a product or archive heading. WooCommerce must be installed and active.
Add and configure Woo Breadcrumb
- Click Add, choose Woo Breadcrumb, and place it in the container.
- Place the element in the relevant product or archive template.
- Configure Design > Typography and Spacing.
- Check the breadcrumb labels and destinations on the front end.
- Save your changes.
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 > Typography
| Setting | Purpose and options | Behavior |
|---|---|---|
| Delimiter | Enter the delimiter. | Shared |
| Delimiter Typography | typography controls. | See linked controls |
| Links | typography controls. | See linked controls |
| Last Item | typography controls. | See linked controls |
Design > Spacing
| Setting | Purpose and options | Behavior |
|---|---|---|
| Container | spacing controls. | See linked controls |
| Space Between Items | Space between items and unit. | Responsive |
Troubleshooting
The trail does not match the expected page
Check the current product/archive context and WooCommerce's breadcrumb output.
Breadcrumbs appear twice
Review the template for another breadcrumb element or provider output.