ZT Tabs Guide


Current Version 1.0.2 (Jun 03, 2014)

“Tabs” is the ‘module’ adaptation of the highly popular “Tabs (for articles)” plugin created by Zootemplate. Using this module, you can display other modules in tabs. In this template, we use this module to dislay seven Custom HTML modules! An example of ZT Tabs from our Charity Joomla template demo:


1. Module Installation

  • Now,Downloaded the latest version of ZT News module.
  • After successfully downloaded the package, Log into the administration area, navigate to Extensions > Extension Manager, Browse the package file and finally, click Upload & Install.

2. Module Configuration

Note: Before configure or add popup to your content, please make sure that the plugin is published.

In the configuration panel of the module, we also provide very useful instructions that can help you to use this module effectively.

From the back-end of your Joomla site (administrator), go to: Extensions > Module Manger, then click on plugin named ZT Tabs module to go to configuration panel:

2. 1. Tabs


Parameter Explanation:

  • Module Class Suffix: Input the class for each tab.
  • Type tabs: There are two types available from the list (Module/Content)
  • Select a position: Select position to display this module on the front-end
  • Select:
    • The Tabs module are configured by adding or removing the module/content using two button Add/Remove.
    • At the same time, you also change the module/content order displayed in the tabs using the up/down arrow.


  • Max number tabs: Input the number of tabs displayed

2. 2. Content Settings

What content is valid to be displayed in tabs? The answer is: modules, and Joomla articles. So, if you want to display your content to tabs, please add your content to modules or to Joomla articles. Here is the settings for your content.


  • Max number item: The number of items display in the content
  • Items Ordering: This option allows to sort content items’s order by: Default/Recently Added First/Recently Modified First.
  • Introtext length: For Articles, you can configure to control the size of article introtext.

2. 3. General Settings


  • Style: Slect style for module from the list. There are many styles available from list. For all of our Joomla Templates that support this module by default, it will have its style in this list, select the corresponding style for your template. If you don’t find the style for your template, you can select any style then customize to make it fit your template style.
  • Select position title: tabs’s title can be configured to be displayed in position: left,right, or center. But for each style, we support specific positions, so if the tabs are not well displayed in selected position, you may need to style it.
  • Select tab alignment: this option will be available when you select Top or Bottom postion for title.
  • Select Effect: set the effect of tabs transition: Fade,or Move
  • Tabs title Height: set the height of the block to display tabs name. It can be: 30, auto, 100%
  • Tabs title Width: set the width of the block to display tabs name. It can be: 30, auto, 100%
  • Image intro display: Show or not Image Intro
  • Intro Image Width: Set the width of Intro Image
  • Intro Image Height: Set the height of Intro Image.


2. 4. Add content to tabs

You can add popup to a Custom HTML module or to an article. As the plugin just supports Joomla content so you can not use it for K2 content.

  • Step 1: Create content that you want to display in tabs

What content is valid to be displayed in tabs ? The answer is: modules, Joomla articles or add content directly to each tab. So, if you want to display your content to tabs, please add your content to modules or to Joomla articles

  • Step 2: You can select to display tabs in a Custom HTML module or a Joomla Article. And the way to make tabs displayed in front-page for both Custom HTML module and Article is the same.

To display tabs in the Custom HTML module and Joomla Article, it is very simple. Just add new article or new Custom HTML module. They will then appear in the selectlist. Using two button Add/Remove to decide which module/content will be displayed to tabs.

2. 5. Enable Module

So in the module we are going to create, this is what we are going to do to.

This module contains several groups of options. First, you need to publish this module, assign it to a visible module position and change its order as well:


  • Position: the position you have in a template. For example: position-12 of Beez20 default template.
  • Status: published, unpublished or trashed.
  • Access: public (for user and guest), registered (for user only).
  • Ordering: The ordering the module will be put with other modules in the same position.

Note: There can be many module positions listed for you to select, but make sure that the module position you select is visible in front-page

3. Support Us

Thank you for reading!

We hope you can boost your sites rankings by using our ZT Autolinks.

Once again, thank you so much for purchasing our component. As i said at the beginning, i’d be glad to help you if you have any questions relating to this product. No guarantees, but i’ll do my best to assist. If you have a more general question relating to the product.

Do not hesitant to contact us by submiting ticket via our helpdesk – http://member.zootemplate.com/helpdesk.

Please take a screenshot photo with descriptions about your problem. More details about your problems help us more easier to figure out and respond you sooner.

Scope of Support:

Our support covers getting setup, trouble using any features and any bug fixes that may arise. If you need help with customizations of this component, please contact with us with your requirement. Our technical team will help you with some fees.

Support Schedule:

Our working time is 8:00am – 5:00pm from Monday to Friday (GMT+7). So if you email us or submit ticket besides this working time, we are really sorry that we are not able to respond you soon. We will try to reply you as fast as we can. Especially if you email or submit ticket at weekend, please be patient and we will respond to you right when we are back on Monday.