Create new tab

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

add new tab

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

tab type

  • “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

With the priority tab option, you can show the tabs in the product detail page in the order you wish.

Tab settings priority

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

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

For example, if you want your new tab to be shown between the “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 the “Layout” section of the new tab settings dashboard.

tab layout

After selecting the layout type, you can choose to show a single content for the tab on all products, or to customize it in the product edit page. For the first case, enable “Use the content for all products” and insert the content in the ‘tab content’ field below.

tab content

For the second case, ‘Tab content‘ is enabled on all related products (depending on selected tab layout type), but it will be shown only after setting its content in product edit page.

tab content

WooCommerce tabs

For each product of the shop the plugin gives you the possibility to hide WooCommerce default tabs or to change their contents. Go to the “WooCommerce Tab” section of product edit page and select the option to override or hide the tab.

WooCommerce tabs

General information 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.

editor layout

Product page view:

editor tab frontend

Video gallery

The “Video Gallery” layout lets you show one or more videos in the tab. You can 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 name: name your video.
  • Video Hosting Service: the service that hosts the video (Youtube or Vimeo).
  • Video ID: the ID of the video.
  • Video URL: the URL of the video.

video gallery layout

Product page view:

video tab

Image gallery

With the “Image Gallery” layout, you can select one or more images to show inside a tab. Click on ‘Add Images’ for a single or multiple upload, and select how many images you want to show per row with the ‘Images per row’ parameter.

Image gallery

Product page view:

image gallery frontend

 

FAQ

The “FAQ” type allows to add a FAQ list in the tab. Click on the ‘Add FAQ / Add Row’ button to add new questions and answers.

FAQ

In product page view:

FAQ frontend

Download

With the Download” layout you can add files for the user 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.

Download tab

In product page view:

download tab frontend