Crazy Tab Slider Content Plugin for Joomla

Show Tab as Easy as You can Imagine Using Simple Shortcode

Crazy-Tab-Slider It comes with two built-in styles such as Tab Slide and Accordian (expand and collapses on click). You can place any content within the tabs, be it text, image or multimedia even. Instead of complex coding, do it simply. Helps you organize much information in a very compact style within your site. Great for product description, feature etc for E-commerce sites. Ready to integrate for any kind of applications as you like.

View Live Demo JED Approved Version 2.1 Joomla 1.5 & 2.5 compatible

spacer750x40

Awesome Features

Display Tab Slider Inside Your Joomla Site

Full control to style-match with your Joomla site

 Flexible and Easy

Works with any Joomla Template

Styling Options

Default module id(s)

Default module position name(s)

Tabslider behavior as Tab or Slider

Tab Position

Others default setting that can be override from the short tags

Supported Components

Joomla Default Content(com_content)

K2 CCK(com_k2)

spacer750x40

Screenshot

Tab-Slider-Content-plugin-for-joomla

View Live Demo

 

tab001tab002

Setup is as Easy as 1-2-3

1. Set the Plugin and Use those given Shortcode

2. Select Style and Position

3. Save and enjoy

Play with the available options related to styling and design

Available Options

 

Basic Configuration

 Skip Home page Yes/No

 Remove On Popup Yes/No

Remove From RSS Yes/No

 Remove From Ajax Yes/No

Item ID Filter Exclude/Include

 Filter Itemids

 

Tab Slider Settings

Modules Position(s)

Module Id(s)

Tabs Type Tab/Sliders

Default Tab

Contatiner Width

Contatiner Height

 

Slider Specific Settings

Tabs Position

Content Width

Arrow Style

Alow close all

Enable Transition

Enable Opacity

Duration

spacer750x40

spacer750x40

Buy & Download

  Tab Slider Content plugin for joomla V2.0 J1.5 (39.5 KiB, 683 hits)
Free Download Now

  Tab Slider Content plugin for joomla V2.2 J2.5.x

Size: 27.1 KiB | Hits: 11
Added: March 30, 2012 | Last Updated: December 23, 2013

USD 20.00 / Download









Version 2.1 Joomla 1.5 & 2.5 compatible GPL2 License

Download link will be e-mailed automatically to your paypal id after payment is done. You may download it for a maximum of 5 times from the link and may use is for unrestricted domains.

spacer750x40

TUTORIAL

Why making Tab Slider work is now easy:

Suppose you write a syntax like below,

{cbtabslider behavior=Tabs}{cbtabslide title="Tab Title1"}Tab1 content{/cbtabslide}{cbtabslide title="Tab Title2"}Tab2 content{/cbtabslide}{/cbtabslider}

And got a tab like below,

Damn easy, right?

So, what is the shortcode here? If you look in to the syntax we used,

{cbtabslider behavior=Tabs}

{cbtabslide title=”Tab Title1″}Tab1 content{/cbtabslide}

{cbtabslide title=”Tab Title2″}Tab2 content{/cbtabslide}

{/cbtabslider}

We used two keywords here cbtabslider and cbtabslide which we call shortcode and others are parameters as you need.

{cbtabslide title="Tab Title1"}Tab1 content{/cbtabslide} will create a single tab, so you can change the tab slider title and content as you need. In content you can put any thing. If you need to show as slider then change the syntax to {cbtabslider behavior=Sliders} and the above tab output will convert to Slider/Accordian.

So we think shortcode things are now easy. Let us list the features.

Features & How Things Works:

Opening Tag: {cbtabslider}

Closing Tag: {/cbtabslider}

Optional parameter for open tag:

Name: behavior Value: Tabs, Sliders Default: Tabs

Description: Tabbed or Slider interface

Usages: {cbtabslider behavior="Tabs"} , {cbtabslider behavior="Sliders"}

Name: startoffset Value: 0,1,2,3… Default: 0

Description: Which tab/slider will be open by default

Usages: {cbtabslider behavior="Tabs" startoffset="1"}

Optional: Yes, by default it will take setting from plugin and it’s tab interface

Name: tabposition Value: 1,2,3,4 which means Tabs at top(1), bottom(2), left(3) or right(4) Default:1 (Top)

Description: Position of tab

Usages: {cbtabslider behavior="Tabs" startoffset="1" tabposition=2} means tab will show at bottom

Optional: Yes

Name: modposition Value: left, right etc module position name with comma Default: None but can be set default globally for all instance of tab slider from plugin setting

Description: Module position name with comma, all module published in those module positions will be shown as tab

Usages: {cbtabslider behavior="Tabs" startoffset="1" tabposition="2" modposition="user1,user2"}

Optional: Yes

Name: modid Value: 1,2,3,4… Default: None but can be set default globally for all instance of tab slider from plugin setting

Description: Module id comma separated , modules will be loaded as tab

Usages: {cbtabslider behavior="Tabs" startoffset="1" tabposition="2" modposition="user1,user2"}

Optional: Yes

Name: arrowstyle Value: 0 or 1. Default: 0

Description: Arrow style used in slider, 0 = Normal directional arrow icon 1= plus minus icon

Usages: {cbtabslider behavior="Tabs" startoffset="1" tabposition="2" modposition="user1,user2" arrowstyle="1"}

Optional: Yes

Slider only:Yes

Name: allowallclose Value: 0 or 1. Default: 0

Description: Arrow style used in slider, 0 = Normal directional arrow icon 1= plus minus icon

Usages: {cbtabslider behavior="Tabs" startoffset="1" tabposition="2" modposition="user1,user2" arrowstyle="1"}

Optional: Yes

Slider only:Yes

Name: starttransition Value: 0 or 1. Default: 1

Description: Show transition effect yes or no.

Usages: {cbtabslider behavior="Tabs" starttransition="1"}

Optional: Yes

Slider only:Yes

Name: opacitytransition Value: 0 or 1. Default: 0

Description: Opacity while transition

Usages: {cbtabslider behavior="Tabs" opacitytransition="1"}

Optional: Yes

Slider only:Yes

Name: duration Value: 100,200 any value Default:300 in mili second

Description: Duation for transition

Usages: {cbtabslider behavior="Tabs" duration="300"}

Optional: Yes

Slider only:Yes

Name: contentwidth Value: 100,200 any value Default:300 in px

Description: Tab Slider Container Width

Usages: {cbtabslider behavior="Tabs" contentwidth="300"}

Optional: Yes

Slider only:No, Needs for both Tabs and Slider

Name: contentheight Value: 100,200 any value Default:200 in px

Description: Tab Slider Container Height

Usages: {cbtabslider behavior="Tabs" contentheight="200"}

Optional: Yes

Slider only:No, Needs for both Tabs and Slider

Name: conwidth Value: 100,200 any value Default:100 in px

Description: Content width, Important for tab while tabs are in left and right

Usages: {cbtabslider behavior="Tabs" contentwidth="100"}

Optional: Yes

The above parameters are for top label shorttag “cbtabslider”

Now lets see what we can do this sub shorttag to make more custom individual slide or tab. Here will now learn the bold lines

{cbtabslider behavior=Tabs}

{cbtabslide title=”Tab Title1″}Tab1 content{/cbtabslide}

…….

{/cbtabslider}

 

Openning Tag: {cbtabslide}

Closing Tag: {/cbtabslide}

Optional parameter for open tag:

Name: title Value: any text Default: empty

Description: Tab or Slider title

Usages: {cbtabslide title="Tab1"}This is content for tab 1{cbtabslide}

Name: modid Value: 1,2,3…module id Default: None

Description: Use module id to load a single tab, also module id can be put multiple with comma

Usages1: {cbtabslide modid="1"}{/cbtabslide} single module id

Usages2: {cbtabslide modid="1,33"}{/cbtabslide} multiple module id

Usages3: {cbtabslide modid="1,33" title="Tab1"} Tab content here{/cbtabslide} Here there will a tab with title Tab1 and with it’s content and also there will be another two module as tab where module title will be tab title and module’s content will be load as content for those tabs. lovely na ?

Optional: Yes

Name: modpos Value: user1,user2,left, right… just module position name Default: None

Description: Use module position name to load module published in that position as tab/slide, also module position can be put multiple with comma

Usages1: {cbtabslide modpos="user1"}{/cbtabslide} single module position

Usages2: {cbtabslide modpos="user1,user2"}{/cbtabslide} multiple module position

Usages3: {cbtabslide modpos="user1,user2" title="Tab1"}Tab content here{/cbtabslide} Here there will a tab with title Tab1 and with it’s content and also there will be another module as tab/slide where module title will be tab/slide title and module’s content will be load as content for those tabs/slide.

Optional: Yes

This is not end but have more option in Plugin setting page.

Note: Please note that category filter will not work in some condition like category, categories view etc in Joomla 1.6 or higher.