Tabs & Sliders [for articles] (plugin):

Organize your content the way you want!

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.

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:

This is some text above the slides

"{"slider=My first slider in Joomla!"}"		(without the quotes)
some text here
"{"/slider"}"					(without the quotes)
"{"slider=Joomla! is the best"}"		(without the quotes)
some more text here
"{"/slider"}"					(without the quotes)
"{"slider=Third one"}"				(without the quotes)
some more text here and so on...
"{"/slider"}"					(without the quotes)

And some more text after the slides!

Tabs & Sliders [for articles] (module):

Inserting "Tab Module"

Check out this example, it's what you would make in your content item:

[module-ID]

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!