Print

How to use tabs in articles and products. You can change the parameters if you need to. But these parameters work for products. Replace the "this is your content..." with whatever content you wish.

Enter this code into the editor, but if you copy and paste this code, REMOVE the spaces from inside the curly brackets -- all four of them. The spaces are used here so that the command won't render the markup for demo purposes:

{ jatabs type="content" position="top" width="920" height="auto" mousetype="click" animType="none" skipAnim="false" duration=1 }

[tab title="Overview"]
This is your content for tab 1 - ONE
[/tab]

[tab title="More"]
This is your content for tab 2 - TWO
[/tab]

[tab title="Videos"]
This is your content for tab 3 - THREE
[/tab]

{ /jatabs }

That code entered in the WYSIWYG side (or front side) of the editor will produce this:

{jatabs type="content" position="top" width="920" height="auto" mousetype="click" animType="none" skipAnim="false" duration=1}

[tab title="Overview"]
This is your content for tab 1 - ONE
[/tab]

[tab title="More"]
This is your content for tab 2 - TWO
[/tab]

[tab title="Videos"]
This is your content for tab 3 - THREE
[/tab]

{/jatabs}

 

Also, I've added a template that you can use to insert this code into an article or product via the editor. You can select the "tabs" template and insert it by using the Template icon in the editor:

template-button