Create new tab

To create a new tab click on the “Add new tab” button you find in “Tab manager” section.

create new tab
create new tab

Based on selected typology, you can choose on which products to show the tab.

new tab typology
new tab typology
  • “Global Tab”: this is the default type, and it will be showed in every product.
  • “Category Tab”: the product category where the tab will be showed.
  • Product Tab: the product where the tab will be showed.

Tab priority

The priority value specified on tabs allow youto set an order to show them in product detail page.

tab image
tab image

When you assign a priority value to the tab, consider the values already used from WooCommerce tabs.

  • 10: tab “Description”
  • 20: tab “Additional information”
  • 30: tab “Reviews

For example, if you wanted your new tab to be shown among “Description” and “Additional Information” WooCommerce tabs, you should insert a priority value ranging from 10 to 20.

Layout

The last step is to select the layouts in “Layout” section of the new tab settings dashboard.

tab layout
tab layout

After selecting the typology, you can choose to show a singular content for the tab on all products, or to customize it right inside its configuration page. For the first case you will need to enable “Use the content for all products” field and insert the content in the specific section in the page.

tab content
tab content

On the contrary, tab is enabled on all related products (depending on selected tab typology), but it will be shown only after setting its content in product configuration page.

tab content
tab content

For all available details about layouts, please visit this page.

WooCommerce tabs

For each product of the shop the plugin gives you the possibility to hide WooCommerce default tabs or to change their contents. You must go to “WooCommerce Tab” section of product configuration page and select the operation.

WooCommerce tabs

General informations about the tab layout

For each new tab it’s essential to select the layout to combine, by chooosing from eight different typologies: editor, video gallery, image gallery, faq, download, map, contact and shortcode.
Before getting deeper, it is better to specify an important detail.
In the Layout section of every tab, you can find the option Use the content for all products. With this option you communicate to the system to add the tab in the whole range of products selected in the “Settings” section of the tab. However, you can customize every tab that you have created directly from the WooCommerce product page.

Editor

The “Editor” layout lets you add text in your tab with the classic WordPress editor. You can also use HTML tags.

Layout editor - Admin view
Layout editor – Admin view
Layout 'Editor' - Product page
Layout ‘Editor’ – Product page

Video gallery

The “Video Gallery” layout offers the freedom to show one or more videos in the tab. You cn choose among different visualization options: click on Add Video to add a new video in the tab.

  • Column number: choose how many video to show in a row.
  • Video Hosting Service: the service that host the video you want to add (Youtube o Vimeo).
  • Video ID: the ID of the video to show.
  • Video URL: the URL of the video to show.

Layout 'Video Gallery' - Admin view

 

Layout 'Video Gallery' - Product page

Image gallery

Choosing the “Image Gallery” layout, you can select one or more images to show inside a tab. Click on Add Images to make a single or multiple upload, and select how many images you want to show for every row with the Images per row parameter.
This is a possible outcome.

Layout 'Image Gallery' - Admin viewLayout 'Image Gallery' - Product page

FAQ

The “FAQ” type allows to add a FAQ list in the tab. Click on the Add FAQ button to add a new FAQ and add the question and the answer in the related Question and Answer fields for each FAQ.

Layout 'FAQ' - Admin viewLayout 'Faq' - Product page

Download

The Download layout lets add one or more file you want to offer to your users to download.
Click on the Add file button to add a new file and write the name and the description for the file you want to show to your users.

Layout 'Download' - Admin view

Layout 'Download' - Product page