-
Posts
-
In one page I want to have a link which opens a specific tab in a tab section on another page, all in the same browser tab.
After initially failing with linking straight to the id of the relevant tab, I read other posts here and switched to the tabsort url method (https://kriesi.at/support/topic/link-to-tab-in-tab-section/#post-763509) e.g. “newpage/?tabsort=6”. This seems to work fine when opening the link in a new tab (i.e. the new tab goes straight to the correct tab), but when opening normally, the new page opens and shows only the first tab.
I’m probably missing a small piece of code somewhere, but can someone point me to it (or let me know an easier way).
Thanks!
Hey dngood,
I’m not sure which link is the features icon? Do you mean the main menu item?
Best regards,
RikardHi,
There is no solution to do that, as the tabs do not have an anchor that you can link at.
Best regards,
BasilisHi dngood,
Here is a thread for you to consider
https://kriesi.at/support/topic/anchor-links-not-scrolling-to-tab-section-tabs/#post-874435If you need further assistance please let us know.
Best regards,
VictoriaI finally got round to adding the extra code to my child themes’ functions.php. unfortunately (unless I have implemented it wrongly), it makes no difference. when I click one of the icons on the /features page e.g with the url /features/client-management?tabsort=3, that page opens, but still not at the third tab.
Any help you can provide to fix this would be much appreciated.
Hi dngood,
Could you please clear the cache, check again and get back to us.
Which browser are you working in?
Best regards,
VictoriaI have tried this after clearing the cache on Chrome, and firefox on Windows, and also Chrome on Mac. Whatever icon I click from the /features page always opens the first tab on the relevant page – not the corresponding tab.
Unfortunately, you sent a screenshot, so I can’t verify that it’s working for you.
Hi,
I can see everything working as should
https://www.useloom.com/share/22b094bfe4904d38b7c7d4950990ff87Best regards,
BasilisHi Basillis, in that video, you’re clicking the first icon, so yes – the first tab does open correctly. please try from the second (analyser) or third (test tubes) icons and see if that works.
David.
Hi dngood,
Here is a thread for you to consider
If you need further assistance please let us know.
Best regards,
VictoriaSorry, that link doesn’t help; they explain a different problem, and the fault was due to the “Superflu” plugin, which my site does not have,
David.
That error comes from the code (from https://kriesi.at/support/topic/anchor-links-not-scrolling-to-tab-section-tabs/#post-874435) which you linked to earlier in this conversation (
tab = $('.av-section-tab-title[href='+ hash +']');).I have tried on a number of different devices and configurations, and it’s not working for me; I don’t understand how it’s working for you – are you able to send a video of it working – perhaps the difference lies in how we’re replicating it.
David.
Hi David,
When clicked on the link directly in the html it works, but when clicked on the page it does not. There is no hash for that script, can you try adding manually this part “#weight-history-and-chart” (and others) to the links and see if this helps?
Best regards,
VictoriaOn the features page, I have tried both:
/client-management/?tabsort=4#weight-history-and-chart
and also
/client-management/#weight-history-and-chart?tabsort=4The first option doesn’t seem to work – it only opens the first tab, the second option didn’t make any improvement (opens correct section tab only when opened in a new window).
Any more ideas?
Hi Victoria. After a delay, I have started working on this again.
I thought I would take a different approach and move all the tabs to a single page. I thought I was getting somewhere – I can now link directly to specific tabs from other pages. However, linking on the same page to a specific tab doesn’t seem to work. More information in the private window.
Hi,
Thanks for the update. By default, you cannot open a tab sub section with a custom link. You need to create a custom script for that.
// https://kriesi.at/support/topic/hotspots-with-anchor-links-to-tabs-section/#post-896815
Replace this line:
scrollToTab( '#top .iconbox_top a', 'click' );with this:
scrollToTab( '.avia-image-overlay-wrap a', 'click' );Best regards,
Ismael
- You must be logged in to reply to this topic.