Joomla Templates Club 406,261 posts

[alekseyg Friend alekseygJoin date: June 2011Posts: 40Downloads:0Uploads:14 Thanks: 11]

#166402

Hi Friends,

could you please advise how can I create new sets of Tabs on my site? As I can see there’re positions ja-tabs1 and ja-tabs2. As I understand I need to create somehow ja-tabs3 and put there new module JA Tabs 3? How can I create this ja-tabs3?

[gray Friend grayJoin date: October 2009Posts: 957Downloads:0Uploads:17 Thanks: 28 Thanked: 292 times in 230 posts]

#401637

Create new module of custom HTML type, assign it to a position you’d like to have tabs (for me it’s “col-mass-top”). Add the below code
{jatabs type=”modules” animType=”animNone” style=”teline_iv” position=”top” widthTabs=”auto” heightTabs=”auto” width=”auto” height=”auto” mouseType=”click” duration=”1000″ colors=”10″ module=”ja-tabs3″ }{/jatabs}
As you can see, the plugin’s code has many options to set (include name of module position, like ja-tabs3). There is a special forum section dedicated to the plugin.

1 user says Thank You to gray for this useful post

1. JA Developer

[alekseyg Friend alekseygJoin date: June 2011Posts: 40Downloads:0Uploads:14 Thanks: 11]

#401812

Hi, sorry, but I don’t understand how to create this set of tabs. First of all I need to create module mentioned above by you? and as a second step to create JA Tabs module and select a position as created module on first step (e.g. ja-tabs3)? please be more detailed!:)

[gray Friend grayJoin date: October 2009Posts: 957Downloads:0Uploads:17 Thanks: 28 Thanked: 292 times in 230 posts]

#401882

1. Create custom HTML module with code I mentioned in my previous message, let’s name it “Tabs”
2. Assign “Tabs” module to a position where you’d like to show other modules in tabs.
3. Assign modules you’d like to be shown in tabs to position “ja-tabs3” (this “virtual” module position is defined in the code added in step 1)

Hope it’s more clear now.

[alekseyg Friend alekseygJoin date: June 2011Posts: 40Downloads:0Uploads:14 Thanks: 11]

#401884

I did 1st and 2nd steps, but on 3rd step I didn’t find ja-tabs3 position in drop-down list of available module positions. What is wrong?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#401984

<em>@alekseyg 254102 wrote:</em><blockquote>I did 1st and 2nd steps, but on 3rd step I didn’t find ja-tabs3 position in drop-down list of available module positions. What is wrong?</blockquote>

To make ja-tabs3 show, add this to templateDetails.xml, inside <positions> tag:


<position>ja-tabs3</position>


[gray Friend grayJoin date: October 2009Posts: 957Downloads:0Uploads:17 Thanks: 28 Thanked: 292 times in 230 posts]

#402054

<em>@alekseyg 254102 wrote:</em><blockquote>I did 1st and 2nd steps, but on 3rd step I didn’t find ja-tabs 3 position in drop-down list of available module positions. What is wrong?</blockquote>
You’ll not find it in the drop-down list. Just type it into the field (it accepts other values too, not only form the list).

[alekseyg Friend alekseygJoin date: June 2011Posts: 40Downloads:0Uploads:14 Thanks: 11]

#402071

After step 2 I can see on site following text. It seems I did something wrong

---

Attachments:

1. 

[gray Friend grayJoin date: October 2009Posts: 957Downloads:0Uploads:17 Thanks: 28 Thanked: 292 times in 230 posts]

#402162

Have you installed and enabled the ja-tabs plugin?

[alekseyg Friend alekseygJoin date: June 2011Posts: 40Downloads:0Uploads:14 Thanks: 11]

#402249

<em>@gray 254495 wrote:</em><blockquote>Have you installed and enabled the ja-tabs plugin?</blockquote>

Of cource it installed and enabled as I use it for another tabs which were included in template quickstart. The question is how can I add more modules with tabs?

[gray Friend grayJoin date: October 2009Posts: 957Downloads:0Uploads:17 Thanks: 28 Thanked: 292 times in 230 posts]

#402259

Ok. And you see that text from the attached image even when you assign a module to ja-tabs3 position (step 3)?

PS. do you get any JS errors when loading the page?

[Author]

Posts