Hi, I am trying to like to different tab sections by including a URL as follows - "page link /#tab-1472536744493-3-7" . But it returns by sending me to the main page. Is linking to tabbed content possible ? Thanks. 

I would like to know how to link to a specific tab on a page as well. In other words, how do I set up a link to where it will land on a certain tab (other than the first one) on another page? Here is the page I'm trying to have open the 2nd tab from a link on a separate page:

http://synergydandc.com/newsite/contact/

Wow, must be some crazy javascript involved with this trick. Regardless to solution, it does work, so thanks! :-)

Is there a way to not only open a specific tab from another page, but jump to a certain id anchor on a page with a specific tab open? I tried using the following URL structure, but it did not work:

http://synergydandc.com/newsite/what-we-do/#build?tab=basements

I already had one-page scroll turned on actually, and when turning off the page transitions, it still didn't work. :-(

Nice! Thanks for that! :-)

Just one more question: when I have an '&' in the tab name (e.g. Kitchens & Bathrooms), how do I set up the URL to open that particular tab? I tried these options, but they didn't work:

http://synergydandc.com/newsite/what-we-do/?tab=kitchens-&-bathrooms#build-services

http://synergydandc.com/newsite/what-we-do/?tab=kitchens-bathrooms#build-services

http://synergydandc.com/newsite/what-we-do/?tab=kitchens-&-bathrooms#build-services

Awesome! Works like a charm! :-)

Btw, Tahir, not only is Salient is the best theme I've ever worked with over the 8 years that I've been using Wordpress, but you also provide such exceptional tech support! I will be giving you guys a 5 star rating and posting a rave review for such excellent customer service. 

THANK YOU SO MUCH!!! :-)

Hi Tahir, 

This doesn't seem to work as a sub item on the main nav menu unless the tab it links to is on a seperate page. Somehow the " ?tab= " gets stripped out of the URL as it is ignoring everything other than the " # ".

Eg if i write up the link as " http://localhost:8888/mpt/?tab=how-we-help#who-we-are "

the href link when I inspect is still only #who-we-are

See attached screenshots. 

Any way around this? 

Damn, that would have been impressive. 

Thanks again :)

Lovely to see this. Tahir - where can we find a list of the escape characters? I'm looking for the one for an apostrophe. Thanks

Took a bit of research to learn how to use that but I'll put my solution in case others are looking:

Save the following as an html file and open it in your browser:

<script language="javascript">
console.log(encodeURIComponent('Children\'s Hospital Colorado'));
</script>

I needed an apostrophe so just putting that will break the syntax. Place a slash before it as above.

Open developer tools and click the console tab, and you will see the code you need for your link:

Children's%20Hospital%20Colorado

thus the link for the tab will be:

/?tab=Children's%20Hospital%20Colorado

Pretty simple in the end, you can use an apostrophe directly in the link, just need to add the %20 for the spaces.

Hi Tahir,

I am trying to link to both a specific tab aswell as a id link within a tab as desribed below and eventhough both do show the content there are issues with both.

- Linking to specific tab: https://steezsnowboarding.com/powder-chase-trips/march/?tab=something-for-you?

it jump to the right tab, then jumps to the first tab and then straight back to the right tab

- Linking to id link within a tab: https://steezsnowboarding.com/powder-chase-trips/march?tab=details#price-details

It loads the right tab but now when you scroll up, the tabs have disappeared as well as the header although some elements of the header remain (polylang and woocommerce icons)

Hi Tahir,

I tried it (I think, see attached screenshot to see what i unchecked) but that didnt solve either issue unfortunately.

Hi Tahir, 

Hi, I am trying to like to different tab sections by including a URL as follows - "datasheet tab link https://www.kyvosinsights.com/resources/#tab-1587629033073-8 " . But it returns by sending me to the Show All every Time . Is linking to every individual tabbed content possible ? . 

Hi Tahir 

Thankyou So Much :)

Still Facing some Issue

please check url https://www.kyvosinsights.com/resources/ when i click on the Dropdwon url https://www.kyvosinsights.com/resources/?tab=datasheets this will go first show all Tab and then datasheet.

Please Check 

@ Dhavni123

Hi Tahir,

i renew Support license 

please check Tickect no.. PRIVATE TICKET #2378690

Hello

I am stuck in the same Problem

https://madmobile.com/all-in-one-pos/legal/

I am trying to open the last tab with a link on load. Any solution?

Hi is using ?tab=link still works? it doesn't work on mine :(

This doesn't seem to work anymore. Do you a new solution? 

I am trying to link to the "selling land" tab on this page:https://rangerealtyadvisors.com/expertise/?tab=#selling-land

That seems to work! Thanks!

Hi Tahir, loving the theme!

I am having an issue here where the link jumps to tabbed content but then the page reloads if I select another jump link to tab link on the same page.

https://streetsmartaustralia.org/eoy-24-working is our URL.

In the 'Who is being supported' section, I have two links at the bottom of two columns that link to two different tabs, but when I click one, it reloads the page, then works as a jump link.

This is the formula I am working with ?tab=young-people#stories   with 'stories' being the name of the tabbed section.

Any help you can provide would be amazing.

Hi @Tahir!
I've found this topic and I'm contributing with one question: How can I land to OP-Kliniken tab being opened?

https://hernia-consult.com/standorte

I have tried with https://hernia-consult.com/standorte/?tab=op%20kliniken but no luck. 

Do you know?

Thanks!

Hi Tahir, thanks for your answer.

I've made it! https://hernia-consult.com/standorte/?tab=opkliniken

Now the problem is, only after activity (e.g. mouse movement) the Tab makes the change.

Can you help? What is preventing the immediate switch?

Thanks!

Thanks a lot!

Because of performance, I'll try to find a way how to leave enabled Delay JS feature on the website, and disable that feature for this particular page.

All the best!

Hm, so close but not yet working for me either. Seems to work when I put the URL directly in the address bar, but when I put the URL in a button, it doesn't jump to the tab unless i change the URL to the actual tab it's on. Explained here with this url: https://livethebeck.com/floor-plans/#floor-plans-tabs

https://www.loom.com/share/f83047d66c9b41f5b7bc8af7c4a16141?sid=e17f339c-8878-4388-af8c-0fd4a35806d1

Sorry, Andrew! I forgot to reply! I ended up using the URL like this with the row ID at the end: 

...com/?tab={name of tab}#rowid

, added a class to the buttons, and added javascript to the page:

<script>
document.addEventListener("DOMContentLoaded", function () {
    // Select all elements with the class .fp-tab
    const buttons = document.querySelectorAll(".fp-tab");

    // Add a click event listener to each button
    buttons.forEach(function (button) {
        button.addEventListener("click", function () {
            // Trigger a page refresh
            window.location.reload();
        });
    });
});
</script>

Not sure if easiest or totally correct, but it worked :)