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.

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

    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, 1 month ago by preetam27.

    Thanks I will test it out.

    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.

    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 11 months ago by Sherry22.
    Sherry22

    (@sherry22)

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

    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.