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.

Nullam rutrum ipsum sed dui convallis nec lacinia risus tristique. Aliquam urna diam, tincidunt eu venenatis vel, imperdiet ut augue. Pellentesque luctus bibendum arcu, vel congue nunc cursus in. Donec vel ipsum in velit malesuada consectetur faucibus quis velit. Ut tempus arcu eu metus ornare pulvinar. Praesent lacinia nulla nibh, scelerisque dapibus nisl. Donec tempor dui tristique orci cursus commodo. In gravida, neque vel dapibus rhoncus, tellus mauris semper tortor, eget sagittis velit mi at magna. Praesent quis sapien sed elit congue porttitor vel et libero.
Nam aliquam ante ac ligula egestas aliquet. Phasellus metus magna, ultricies quis lobortis quis, ullamcorper id massa. Quisque vestibulum nisi sit amet lacus euismod eget venenatis augue bibendum. Etiam pretium pellentesque magna, placerat mattis enim tincidunt at. Nam quis risus quam. Fusce vel neque quam, quis pharetra dui. Donec faucibus venenatis velit ac faucibus. Morbi ultricies imperdiet libero, at feugiat dolor posuere et.
Cras scelerisque pretium est, in cursus nunc sagittis ac. Vivamus lobortis condimentum mauris, hendrerit bibendum lectus scelerisque tempor. Nullam facilisis felis in arcu iaculis a vehicula nulla elementum. Duis dignissim semper suscipit. Suspendisse mollis, nibh non pulvinar suscipit. Tellus sapien auctor leo, commodo accumsan risus leo vitae est. Suspendisse potenti. Maecenas sit amet diam erat, eget pulvinar neque. Suspendisse potenti. Vestibulum at purus sapien, nec facilisis mi. Etiam varius viverra nibh in commodo.

 

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"

  • Cum sociis natoque et magnis dis parturient montes? +

    Maecenas varius neque nec libero laoreet faucibus. Phasellus sodales, lectus sed vulputate rutrum, ipsum nulla lacinia magna, sed imperdiet ligula nisi eu ipsum. Donec nunc magna, posuere eget, aliquam in, vulputate in, lacus. In erat. Pellentesque erat. Mauris vehicula vestibulum justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla pulvinar est. Integer urna. Pellentesque pulvinar dui a magna. Nulla facilisi. Proin imperdiet. Aliquam ornare, metus vitae gravida dignissim, nisi nisl ultricies felis, ac tristique enim pede eget elit. Integer non erat nec turpis sollicitudin malesuada. Read More
  • Donec Nunc Magna Posuere +

    Maecenas varius neque nec libero laoreet faucibus. Phasellus sodales, lectus sed vulputate rutrum, ipsum nulla lacinia magna, sed imperdiet ligula nisi eu ipsum. Donec nunc magna, posuere eget, aliquam in, vulputate in, lacus. In erat. Pellentesque erat. Mauris vehicula vestibulum justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla pulvinar est. Integer urna. Pellentesque pulvinar dui a magna. Nulla facilisi. Proin imperdiet. Aliquam ornare, metus vitae gravida dignissim, nisi nisl ultricies felis, ac tristique enim pede eget elit. Integer non erat nec turpis sollicitudin malesuada. Read More
  • Fusce neque felis, bibendum vel lacinia et? +

    Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.Maecenas varius neque nec libero laoreet faucibus. Phasellus sodales, lectus sed vulputate rutrum, ipsum nulla lacinia magna, sed imperdiet ligula nisi eu ipsum. Donec nunc magna, posuere eget, aliquam in, vulputate in, lacus. In erat. Pellentesque erat. Mauris vehicula vestibulum justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla pulvinar est. Read More
  • Lorem Ipsum Dolor Sit Amet +

    Maecenas varius neque nec libero laoreet faucibus. Phasellus sodales, lectus sed vulputate rutrum, ipsum nulla lacinia magna, sed imperdiet ligula nisi eu ipsum. Donec nunc magna, posuere eget, aliquam in, vulputate in, lacus. In erat. Pellentesque erat. Mauris vehicula vestibulum justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla pulvinar est. Integer urna. Pellentesque pulvinar dui a magna. Nulla facilisi. Proin imperdiet. Aliquam ornare, metus vitae gravida dignissim, nisi nisl ultricies felis, ac tristique enim pede eget elit. Integer non erat nec turpis sollicitudin malesuada. Read More
  • 1
  • 2
  • 3

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!

Contactez Nous

Par Mail
Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser.
Par Téléphone
06.11.03.13.80
01.48.77.50.19
06.19.18.02.41
Notre Adresse
22, avenue Victor Hugo 94120 Fontenay-sous-Bois

Suivez nous

Certification

Chochana Traiteur est sous le strict contrôle du Beth Din de Paris