DOWNLOAD Demo

Tabs & Sliders [for articles] (plugin)

Tabs & Sliders [for articles] makes adding tabs or sliders (accordions) inside your content a piece of cake. Using a simple syntax you can easily organize your content in tabs or sliders making it better stand out and easier to navigate: for example, organizing your long product descriptions in tabs improves the readability of your product pages, which means more happy customers!

The plugin already comes with 2 pre-built template layouts and using MVC overrides you can create your own by simply copying one of the pre-built and modifying the HTML and/or CSS.

You can use the plugin's tags in any component, module or plugin that supports 'content plugin' parsing. Aside the default Joomla! article system, you can use for example the plugin in the popular K2 content extension, in Virtuemart, inside the 'Custom HTML' module etc.

It has been tested on all modern browsers, including IE7 or higher. It should degrade gracefully in IE6.

This plugin is released under the GNU/GPL license.

If you want to show your support please rate and/or comment on the plugin at the official Joomla! Extensions page. Your feedback is very important!

DOCUMENTATION

To install or upgrade from previous releases, simply upload via the Joomla! extension manager. Then make sure you publish/enable the plugin via the Plugin Manager.

USAGE INSTRUCTIONS

Inserting "Tabs"

It is very easy to add tabs in your new articles or convert existing ones to a tabbed layout. Create a new article or edit an existing one. Start your first tab using the plugin tag "{ tab=tab title here}" (without the quotes), write some text below that, then continue with the next tab using -again- the plugin tag format "{ tab=other tab title here}" (without the quotes), then write the second tab's text and so on. When you finish the text of your last tab, simply "close" them all by adding the plugin tag "{ /tabs}" (without the quotes).

Check out this example, it's what you would write in your content item (notice the code written in bold letters):
This is some text above the tabs
{ tab=first tab title here}
some text here
{ tab=second tab title here}
some more text here
{ tab=third tab title here}
some more text here and so on..
{ /tabs}
And some more text after the tabs!

Inserting "Sliders"

Adding sliders (accordions) to your content is as easy as with tabs. Then go to the articles manager and start a new article or edit an existing one. Start your first slide using the plugin string "{ slider=slide title here}" (without the quotes), write some text below that, then "close" the slider by adding the plugin tag "{/slider}". We need to do that cause -unlike the tabs- sliders are essentially independent of each other (e.g. you could only have 1 slider alone). Continue with the next slider using -again- the plugin tag "{ slider=other slide title here}" (without the quotes), then write the second slider's text, "close" it with the plugin tag "{/slider}", and so on.

Check out this example, it's what you would write in your article (notice the code written in bold letters):
This is some text above the tabs
{ slider=My first slider in Joomla!}
some text here
{/slider}
{ slider=Joomla! is the best}
some more text here
{/slider}
{ slider=Third one}
some more text here and so on...
{/slider}

IMPORTANT


Please note that we use the plugin tag "slider" above as it's the correct way to address this feature. The use of the "slide" tag (without the final "r" - used in older versions) is still compatible so you can just update to this newer version.

You can insert both "Tabs" and "Sliders" in your articles, K2 items, Virtuemart products etc. Additionally, you can mix tabs with sliders and vise versa but you can't have tabs within tabs or sliders within sliders (cause it's overkill and hell would break loose). So you can have tabs that include content within sliders or sliders that include tabbed content! Nice!
Check out a demo of the "Default" template layout in our demo site:

Available Releases

Released November 17th, 2012