Product Tabs

Product Tabs displays the product description, additional information, and reviews in tabs or an accordion. WooCommerce must be installed and active.

Add and configure Product Tabs

1. Click Add, choose Product Tabs, and place it in the container.
2. Place Product Tabs inside Product Builder.
3. Under Content > Tabs, configure Description, Additional Information, and Reviews.
4. Review Review Form modal and button settings.
5. Choose Design > Layout > Layout, then configure the Tabs or Accordion design controls.
6. Save your changes.

Keep the required parent context

Product Tabs 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 > Tabs

Setting	Purpose and options	Behavior
Description > Icon	Icon.	Shared
Description > Title	Item title.	Shared
Additional Information > Icon	Icon.	Shared
Additional Information > Title	Item title.	Shared
Reviews > Icon	Icon.	Shared
Reviews > Title	Item title.	Shared

Content > Review Form

Setting	Purpose and options	Behavior
Open Form In Modal	On/off.	Shared
Button Text	Enter the button text. When: Open Form In Modal is set.	Shared

Design > Layout

Setting	Purpose and options	Behavior
Layout	Tabs, Accordion.	Shared

Design > Tabs

Setting	Purpose and options	Behavior
Vertical	On/off. When: Layout ≠ Accordion.	Shared
Tabs Width	Tabs width and unit. When: Layout ≠ Accordion and Vertical is set.	Responsive
Horizontal At	Breakpoint. When: Layout ≠ Accordion and Vertical is set.	Shared
Style	Tabs, Pills, Bar. When: Layout ≠ Accordion.	Shared
Position	Left, Right. When: Layout ≠ Accordion and Vertical is set.	Shared
Position	Left, Center, Right, Full Width. When: Layout ≠ Accordion and Vertical is unset.	Shared
Space Between	Space between and unit. When: Layout ≠ Accordion and Position ≠ Full Width or Style ≠ Bar.	Shared
Space After	Space after and unit. When: Layout ≠ Accordion and Position ≠ Full Width.	Responsive

Shown when Layout ≠ Accordion and Style = Bar.

Setting	Purpose and options	Behavior
Bar > Separator	Color or supported fill.	Shared
Bar > Radius	Radius and unit.	Shared
Bar > Shadow	Shadow offset, blur, spread, color.	Shared

Setting	Purpose and options	Behavior
Pill Radius	Pill radius and unit. When: Layout ≠ Accordion and Style = Pills.	Shared
Separator > Color	Color or supported fill. When: Layout ≠ Accordion and Style = Tabs.	Shared
Separator > Width	Width. When: Layout ≠ Accordion and Style = Tabs.	Shared

Shown when Layout ≠ Accordion.

Setting	Purpose and options	Behavior
Text > Typography	typography controls.	See linked controls
Text > Hover	Color or supported fill.	Shared
Text > Active	Color or supported fill.	Shared
Background > Inactive	Color or supported fill.	Shared
Background > Hover	Color or supported fill.	Shared
Background > Active	Color or supported fill.	Shared

Shown when Layout ≠ Accordion and Style ≠ Pills.

Setting	Purpose and options	Behavior
Underline > Hover	Color or supported fill.	Shared
Underline > Active	Color or supported fill.	Shared
Underline > Width	Width.	Shared
Underline > Radius	Radius and unit.	Shared

Setting	Purpose and options	Behavior
Padding > Vertical	Vertical and unit. When: Layout ≠ Accordion.	Shared
Padding > Horizontal	Horizontal and unit. When: Layout ≠ Accordion.	Shared
Icon > Size	Size and unit. When: Layout ≠ Accordion and Align ≠ none.	Shared

Shown when Layout ≠ Accordion.

Setting	Purpose and options	Behavior
Icon > Nudge > Nudge X	Nudge x and unit.	Shared
Icon > Nudge > Nudge Y	Nudge y and unit.	Shared
Icon > After Icon	After icon and unit.	Shared
Responsive > Show as Dropdown	On/off.	Shared

Shown when Layout ≠ Accordion and Show as Dropdown is set.

Setting	Purpose and options	Behavior
Responsive > Visible At	Breakpoint.	Shared
Responsive > Dropdown Styles > Background	Color or supported fill.	Shared
Responsive > Dropdown Styles > Borders	borders controls.	See linked controls
Responsive > Dropdown Styles > Padding	spacing controls.	See linked controls
Responsive > Dropdown Styles > Typography	typography controls.	See linked controls

Setting	Purpose and options	Behavior
Responsive > Show Affordance	On/off. When: Layout ≠ Accordion and Show as Dropdown is unset.	Shared
Responsive > Color	Color or supported fill. When: Layout ≠ Accordion and Show Affordance is set.	Shared
Transition Effect	Transition effect and unit. When: Layout ≠ Accordion.	Shared

Design > Accordion

Shown when Layout = Accordion.

Setting	Purpose and options	Behavior
One At A Time	On/off.	Shared
First Item Opened	On/off.	Shared
Container > Background	Color or supported fill.	Shared
Container > Width	Width.	Responsive
Container > Padding	spacing controls.	See linked controls
Item > Style	Bordered, Pills.	Shared
Item > Icon > Position	Left, Right.	Shared
Item > Icon > Icon	Icon.	Shared
Item > Icon > Active Icon	Icon.	Shared
Item > Icon > Size	Size and unit.	Responsive
Item > Icon > Color	Color or supported fill.	Shared
Item > Icon > Active Color	Color or supported fill.	Shared

Shown when Layout = Accordion and Style = Bordered.

Setting	Purpose and options	Behavior
Item > Bordered > Border Color	Color or supported fill.	Shared
Item > Bordered > Border Width	Border width and unit.	Shared
Item > Bordered > Border Radius	Border radius and unit.	Shared
Item > Bordered > Bottom Only	On/off.	Shared

Setting	Purpose and options	Behavior
Item > Background	Color or supported fill. When: Layout = Accordion.	Hover
Item > Padding	spacing controls. When: Layout = Accordion.	See linked controls
Item > Borders	borders controls. When: Layout = Accordion and Style = Pills.	See linked controls

Shown when Layout = Accordion.

Setting	Purpose and options	Behavior
Item > Typography	typography controls.	See linked controls
Item > Active > Text Color	Color or supported fill.	Shared
Item > Active > Background	Color or supported fill.	Shared
Item > Transition Duration	Transition duration.	Shared
Spacing > Between Items	Between items and unit.	Responsive
Spacing > Below Item	Below item and unit.	Responsive

Design > Spacing

Setting	Purpose and options	Behavior
Container	spacing controls.	See linked controls
Below Tabs	Below tabs and unit. When: Layout ≠ Accordion.	Shared

Design > Advanced

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

Troubleshooting