Summary
The Product Tabs control is used as a part of the Product Details control in the Product Details template for eCommerce websites. It provides an option of displaying the information about the product in different tabs.
Usage
The Product Tabs control outputs details about the products set in the CMS back-end such as Product Description and Reviews or other additional information. Such information sections can be switched using Product Tabs control's own menu. Its items are Tabs themselves.
The Product Tabs control can be added via Insert >> Product Details >> Product Tabs.
In the default eCommerce theme, the Product Tabs control can be accessed by opening the Product Details template and highlighting the area with the Tabs inside the Product Details control . Now you can design this area by using the corresponding options in the Property Window.
The Tab Container section allows you to set the margin for the whole Product Tabs area.
The Content section has options for Tab Content shape and text styling.
In the Bar tab Product Tabs, the entire top bar can be styled, and its height and width can be set.
Within the Items tab, you can regulate the style for the Tabs heading items (default, active and hovered).
Please note that the Product Tabs control as well as Product Details control control can be present in eCommerce themes only. That means that in Wordpress, the wooCommerce plugin should be installed & enabled, and in Joomla, the VirtueMart component should be active.
Sample
See Also
Product Details control
Product Details template
### Summary
The **Product Tabs** control is used as a part of the [Product Details control ](page:4776) in the [Product Details template](page:5673) for eCommerce websites. It provides an option of displaying the information about the product in different tabs.
### Usage
The **Product Tabs** control outputs details about the products set in the CMS back-end such as Product Description and Reviews or other additional information. Such information sections can be switched using **Product Tabs** control's own menu. Its items are Tabs themselves.
The **Product Tabs** control can be added via **Insert** >> **Product Details** >> **Product Tabs**.
In the default eCommerce theme, the **Product Tabs** control can be accessed by opening the [Product Details template](page:5673) and highlighting the area with the Tabs inside the [Product Details control ](page:4776). Now you can design this area by using the corresponding options in the Property Window.
The **Tab Container** section allows you to set the margin for the whole Product Tabs area.
The **Content** section has options for Tab Content shape and text styling.
In the **Bar** tab Product Tabs, the entire top bar can be styled, and its height and width can be set.
Within the **Items** tab, you can regulate the style for the Tabs heading items (default, active and hovered).
Please note that the **Product Tabs** control as well as [Product Details control ](page:4776) control can be present *in eCommerce themes only*. That means that in Wordpress, the **wooCommerce** plugin should be installed & enabled, and in Joomla, the **VirtueMart** component should be active.
### Sample
!product-tabs.png!
### See Also
[Product Details control](page:4776)
[Product Details template](page:5673)
