Product Data Tabs Widget

Use Product Data Tabs Widget to add WooCommerce Product Data Tabs to a product.

Content

Tabs

Tabs: Add ‘Description’, ‘Additional’ and ‘Reviews’ tabs from the dropdown in a needed order.

List Type: Choose between Horizontal and Vertical Tabs’ position.

For Horizontal List Type choose the Mode between Inline and Justify.

For Vertical List Type set the List Width for desktop, tablet and mobile.

Alignment: Choose Tabs’ alignment between Right, Center and Left.

List Position: Choose between Start and End positions.

Title HTML Tag: Set the Title’s tag to H1-H6, Div or Span.

Active Tab: Set the tab that should be opened by default.

Responsive

Responsive view: Choose when a responsive view should be activated. The choice is between ‘On Tablet’ and ‘On Mobile’ or you can disable responsive view at all.

Accordion Type: Choose between Accordion and Toggle types.

Accordion Icon

Enable Icon: Slide to YES to enable icon and choose desired icons for Normal and Active modes.

Icon Position: Choose between Left and Right Icon position.

Style

Tabs List

Gap: Set a gap between Tabs List and content for desktop, tablet and mobile.

Background Color: Choose a Background color from a color palette or dynamic tags.

Border Type: Choose a Border Type from the dropdown and set it.

Border Radius: Set Border Radius to the Tabs List field.

Box Shadow: Choose desired settings from the dropdown.

List Item

Gap: Set a gap between Tabs for desktop, tablet and mobile.

Typography: Set a Typography using settings from the dropdown.

Color: Choose a Color from a color palette or dynamic tags. (for Normal, Hover and Active modes)

Background Type: Choose a Background type and set it (for Normal, Hover and Active modes)

Padding: Set padding for desktop, tablet and mobile.

Gap: Set a gap for desktop, tablet and mobile.

Text Shadow: Choose desired settings from the dropdown.

Box Shadow: Choose desired settings from the dropdown.

Border Type: Choose a Border Type from the dropdown and set it.

Border Radius: Set Border Radius to the List items.

Content Wrapper

Typography: Set a Typography using settings from the dropdown.

Background Color: Choose a Background color from a color palette or dynamic tags.

Border Type: Choose a Border Type from the dropdown and set it.

Border Radius: Set Border Radius to the List items.

Padding: Set padding for desktop, tablet and mobile.

Box Shadow: Choose desired settings from the dropdown.

Disable Content Heading: Slide to YES to disable content heading.

When Content Heading is enabled you can set its Typography and Color.

Pointer Animation

Hover effect: Choose Hover effect from the dropdown.

Animation: Choose Animation from the dropdown.

Line size: Set a Line size here.

Use Gradient: Slide to YES to enable gradient and set it.

Color: Choose a Pointer color from a color palette or dynamic tags.

Transition duration: Set the amount of time to transition from one filter setting to the other when hovering over the Tab.

Advanced

Set the Advanced options that are applicable to this widget