Link to Tab

  • Resolved burningbannas

    (@burningbannas)


    5 years, 5 months ago

    @preetam27 Hello, I follow your instructions for installing the Insert Script in header and footer plugin and pasted the codes in the right areas, but I can’t seem to figure out how to link to it.

    Here’s a screenshot of the Icon (on my homepage) I would like to use to link to a specific tab: http://puu.sh/GYqDV/3ce7867bd8.png

    Here’s my tab description that I would like the icon to link to: http://puu.sh/GYqEF/28ef4c6194.png

    The tab is on a different page, here’s a screenshot of the page with the tabs on it: http://puu.sh/GYqFM/eac8e57632.png

    I assumed since the tabs ID is “[TABS_R id=2078]” that I should change the code to match that, but no matter how I try to link from somewhere to the tab nothing seems to happen.. Except that the URL changes to this:
    /?preview_id=38&preview_nonce=9bc898f48f&preview=true#tabs_desc_2078_3

    Could you help me out please? Sorry if Im missing something obvious, its my first time working with something like this.

Viewing 1 replies (of 1 total)
  • lokeshkalosiya

    (@lokeshkalosiya)

    5 years, 5 months ago

    Hi @burningbannas,

    It seems you are missing something please try the below steps again with the tab plugin I have tested it on my local WordPress and it’s working…

    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 the following code in tab description

    link

    you have to just change the tabs_desc_9_2 last digit of id according to your tabs sequence eg. tabs_desc_9_3 and run the It.
    test it and please let me know.

    Thank you

Viewing 1 replies (of 1 total)

The topic ‘Link to Tab’ is closed to new replies.