WooCommerce Single: Product Data Tabs

The Product Data Tabs widget displays essential product details, reviews, and custom attributes on your single product pages. Control the text colors, typography, and borders for both the tabs and the content panels. This aligns the product data with your overall store design.

Control the product Data Tabs style in the WooCommerce Single template.

Style the Tabs

Design the navigation tabs for your product data. You can style the unselected and selected tabs independently.

Tabs

Normal | Active

The following options can be set independently for both the normal and active states.

1. Text Color: Choose the color of the Tabs text

2. Background Color: Choose the background color of the Tabs text

3. Border Color: Choose the border color of the Tab

1. Typography: Set the typography options for the Tabs text

2. Border Radius: Set the border radius to control corner roundness

Style the Panel

1. Text Color: Choose the color of the Panel text

2. Typography: Set the typography options for the Panel text

Heading

1. Text Color: Choose the color of the Heading text

2. Typography: Set the typography options for the Heading text

3. Border Width: Control the thickness of the Panel border

4. Border Radius: Set the border radius to control corner roundness of the panel

5. Box Shadow: Adjust box shadow options