Skip to main content
Documentation/Elements & Controls Reference/Elements/WooCommerce/Woo Widget

Woo Widget

Woo Widget displays a supported WooCommerce widget in the layout. The selected widget determines its content controls. WooCommerce must be installed and active.

Add and configure Woo Widget

  1. Click Add, choose Woo Widget, and place it in the container.
  2. Choose Content > Content > Widget: Products By Rating List, Product Search, Product Categories, or Recent Reviews.
  3. Configure the options section shown for that widget.
  4. Style Design > Container, General, Title, Advanced, and Spacing.
  5. Save your changes.
Woo Widget controls in the Breakdance editor
Woo Widget controls in the Breakdance editor

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
Widget Products By Rating List, Product Search, Product Categories, Recent Reviews. Shared
Products By Rating List Options > Title Item title. When: Widget = Products By Rating List. Shared
Products By Rating List Options > Number of products Set the numeric number of products value. When: Widget = Products By Rating List. Shared
Product Search Options > Title Item title. When: Widget = Product Search. Shared

Shown when Widget = Product Categories.

Setting Purpose and options Behavior
Product Categories Options > Title Item title. Shared
Product Categories Options > Order by Category order, Name. Shared
Product Categories Options > Show as dropdown On/off. Shared
Product Categories Options > Show product counts On/off. Shared
Product Categories Options > Show hierarchy On/off. Shared
Product Categories Options > Only show children On/off. Shared
Product Categories Options > Hide empty categories On/off. Shared
Product Categories Options > Maximum depth Enter the maximum depth. Shared
Setting Purpose and options Behavior
Recent Reviews Options > Title Item title. When: Widget = Recent Reviews. Shared
Recent Reviews Options > Number Set the numeric number value. When: Widget = Recent Reviews. Shared

Design > Container

Setting Purpose and options Behavior
Width Width. Shared
Background Color or supported fill. Shared
Padding spacing controls. See linked controls
Borders borders controls. See linked controls

Design > General

Setting Purpose and options Behavior
Borders Color or supported fill. Shared

Design > Title

Setting Purpose and options Behavior
Hide On/off. Shared
Typography typography controls. See linked controls
Space Below Space below and unit. Shared

Design > Advanced

Setting Purpose and options Behavior
Override Global Styles woocommerce global styles. See linked controls

Design > Spacing

Setting Purpose and options Behavior
Spacing spacing controls. See linked controls

Troubleshooting

The widget has no results

Check the selected widget's product, category, or review data.

The categories are missing or nested unexpectedly

Review Show hierarchy, Only show children, Hide empty categories, and Maximum depth in Product Categories Options.