Support » Plugin: Tabs » Tab links

  • Resolved Sherry22

    (@sherry22)


    Will this plugin allow me to link from content in a tab to open another tab? Often it is a link with an #anchor identifier.

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Support preetam27

    (@preetam27)

    hi @sherry22 ,

    You can link it to another page but not to tab.this feature is not available in free version.

    thanks.

    Thread Starter Sherry22

    (@sherry22)

    Is this feature avaialble with the pro version? If so, how much is it for the pro version? Thanks!

    Thread Starter Sherry22

    (@sherry22)

    Hi Preetam27,

    Is this feature avaialble with the pro version? If so, how much is it for the pro version?

    Plugin Support preetam27

    (@preetam27)

    hi @sherry22,

    you can link using anchor tag to open another tab by doing these steps.

    1.install Insert Script In Headers And Footers plugin.
    2.you can find it in settings>Insert Script In Headers And Footers and paste the following script in “Scripts in Footer” textarea.

    <script type=”text/javascript”>
    jQuery(function () {
    jQuery(‘.tabcall’).on(‘click’, function(event) {
    event.preventDefault();
    var tabid = jQuery(this).attr(‘tab-id’);
    jQuery(‘[data-toggle=”tab”][href=”#’ +tabid + ‘”]’).trigger(‘click’);
    })
    });
    </script>

    3.now copy and paste following code in tab description

    
    <a  tab-id="tabs_desc_143_2"  class="tabcall" data-toggle="tab">link</a>
    

    you have to just change the tabs_desc_143_2 last digit of id according to your tabs sequence eg. tabs_desc_143_3 and run the It.

    Thanks.

    • This reply was modified 1 year, 10 months ago by preetam27.
    Thread Starter Sherry22

    (@sherry22)

    Thanks I will test it out.

    Thread Starter Sherry22

    (@sherry22)

    Hello, I am finally able to test this out.

    I have installed the plugin and added the code to the footer.
    I have created my tab and inserted the shortcode [TABS_R id=26401] to my page.

    My question is around the link. I am trying to test adding a link in tab1 that will open tab3. I don’t know where I am supposed to add tab description.
    I have added this code in the body of tab1 but no luck when clicked opening tab3.
    Link to tab 3
    This code doesn’t do anything (not a link) Link to tab 3

    Can you clarify the link part for me more.
    Sherry

    Plugin Support preetam27

    (@preetam27)

    hi @sherry22,

    you should add
    <a tab-id="tabs_desc_143_2" class="tabcall" data-toggle="tab">link</a>

    in tab > description with each tab and give different id of each tab like abs_desc_143_3 or abs_desc_143_4.

    Thanks.

    Thread Starter Sherry22

    (@sherry22)

    This doesn’t work for me. I have added the javascript. Then in tab 1 body I have add
    link in hopes that it will open tab 2 but nothing happens.

    • This reply was modified 1 year, 8 months ago by Sherry22.
    Thread Starter Sherry22

    (@sherry22)

    Can I private message you so you can look at my page?

    Thread Starter Sherry22

    (@sherry22)

    and can you clarify if this will work with the free version or pro?

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Tab links’ is closed to new replies.