Woo Single Tabs

< All Topics
Widget Used
Woo Single Tabs
Demo URL
Click Here
Tutorial Videos
Official Video

If you want to give a superior look to the tab section of your website with the customization and want to use it in the tabs-related part of your website. We have made a well-designed Woo Single Tabs widget. With the help of this widget, you can customize the tab section of your many shopping websites. For example, electronic, real estate, study, etc. This will also help in your single post or page on your website.
Note: you must have the WooCommerce plugin installed in your WordPress to use this widget feature.

Pro tip
Why not add this widget to your website/product? Because using this widget you can customize your website tabs section which will attract your customer, and it will be sufficiently useful in the content of your tab as well as with the custom style option.

How to use the Woo Single Tabs Widget of The Plus Addons For Elementor

The Woo Single Tabs widget comes with two different types of layout, with custom styling options you can create a pleasant-looking tab section for your websites.

General Steps

Search for the Woo Single Tabs element from the Elementor screen in the left and then drag and drop it into the content building area. After dropping the element, you will see three tabs i.e. Content, Style, and Advanced related to the Woo Single Tabs widget. First, click on the Content tab.

1. Content

Woo Single Tabs

1.1: Woo Single Tabs

Select Layout

We have provided two different types for a tab layout. Select your desired type for a tab layout. You can watch this video to know more about it. The types we provided are:

Tabs
Individual

Select Style (Tabs)

We have provided four different styles for tabs. Select your desired style for tabs. You can watch this video to know more about it. The styles we provided are:

Style 1
Style 2

Style 3
Style 4

Style 1 :

With this option, you can see style one here.

Style 2 :

With this option, you can see style two here.

Style 3 :

With this option, you can see style three here.

Style 4 :

With this option, you can see style four here.

Select Individual

We have provided three different types for an individual. Select your desired type for an individual. You can watch this video to know more about it. The types we provided are:

Description
Additional Information

Review Form

Type 1: Description

With this option, you can see the description for the individual type here.

Type 2: Additional Information

With this option, you can see the additional information for the individual type here.

Type 3: Review Form

With this option, you can see the review form details for the individual type here.

2.Style

The Style tab is used for customizing the look of all the Woo Single Tabs widget components such as Tab Heading, Tab Panel, Description Heading, Description, Additional Information, Additional Information Table, Review Heading, Review Image, Review Table, Review Form, and Review Form Box Content.

Tab Heading Style

Set Alignment, Padding, Margin, Typography, Tab Heading Color, Background, Border, Border Radius, and Box Shadow for the Tab Heading here.

Tab Panel Style

Set Padding, Margin, Background, Border, Border Radius, and Box Shadow for the Tab Panel here.

Description Heading Style

Set Padding, Margin, Typography, Tab Description Heading Color, Background, Border, Border Radius, and Box Shadow for the Description Heading here.

Description Style

Set Padding, Margin, Typography, Tab Description Color, Background, Border, Border Radius, and Box Shadow for the Description here.

Additional Information Style

Set Typography, and Color for the Additional Information here.

Additional Information Table Style

Set Border, Border Radius, Heading (Typography, Color), Description (Typography, Color), Background Color, and Odd Background Color for the Additional Information Table here.

Review Heading Style

Set Typography, and Color for the Review Heading here.

Review Image Style

Set Image Size, Border, Border Radius, and Box Shadow for the Review Image here.

Review Table Style

Set Padding, Margin, Background, Border, Border Radius, Meta (Typography, Color), Description (Typography, Color), and Rating (Fill Color, Empty Color) for the Review Table here.

Review Form Style

Set Review Heading (Typography, Color), Review Label (Typography, Color), Review Start Rating (Color), Text Field (Padding, Margin, Typography, Color, Background, Border, Border Radius), and Button (Padding, Margin, Typography, Color, Background, Border, Border Radius) for the Review Form here.

Review Form Box Content Style

Set Padding, Margin, Background, Border, and Border Radius for the Review Form Box Content here.

Preview

Here you can see with details how the Style option of the Woo Single Tabs Widget works.

3. Advanced

Advanced Tab Options are common across all the widgets. So, we have written a detailed tutorial explaining how to use these options

View The Advanced Tab Tutorial

Do you want to rate this article?
0 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.
Need help?