Advanced tabs

Hello @oujele,

I hope you are doing well.

I have checked your query. It seems really strange! Can you please share your webpage URL? So that I can check this issue on my end and try to replicate the same and let you know the solution soon.

Thank you!

The issue which I am having is in this website. If you for example click on one of the lower pictures displayed in the main page, then it redirects to another page where the anchor links are for advanced tabs. Though as mentioned before, it redirects to the bottom of the page (where anchor is) and I need to scroll up to the top to see the content. Ideally, after redirecting it should open the tab as where the anchor is, but it should be on top so I wouldn’t need to scroll back up to see content of this tab.

Hello @oujele,

Thanks for sharing your webpage URL. I have checked this and I can ensure you this is our default behaviour. And It will work as you are getting this.

Thank you

Thank you for explanation, so as I understood you don’t have any solution that when via anchor selected tab is opened, it should be in the top and not where anchor is?

Because it is an issue if you you have many tabs and they’re aligned vertically, because on each tab which is on the lower end, you’ll then need to scroll to top to see the content of the mentioned tab as it will redirect to the bottom of the page (where anchor is for lower tabs).

Hello @oujele,

I have talked with our Dev Team. They will investigate it and will work on it to provide a better experience. Please allow us a little time. I will let you know the update soon.

Thank you

Thank you, will wait for this update patiently then :).

Hello @oujele,

I am really sorry for taking this time. We are still working on this issue. Please allow a little more time to get it solved. I will share an update soon.

Thank you

Sure, still waiting.

Thank you.

Hello @oujele,

I hope you are doing well.

I could fix this issue using some Custom JS. Here is the Custom JS given below –

var hash = location.hash,
    interval = false;
if (jQuery(hash).hasClass('eael-tab-item-trigger')) {
    interval = setInterval(function () {
        if (jQuery(hash + '-tab').is(':visible')) {
            let hash_height = jQuery(hash + '-tab').offset().top;
            window.scrollTo(0, hash_height - 100);
        }
    }, 100);
}

jQuery(window).on('load', function () {
    setTimeout(function () {
        if (interval !== false) {
            clearInterval(interval);
        }
    }, 500);
});

Please use this plugin here to implement this Custom JS. I hope this issue will be fixed. Let me know how it goes.

Thank you

Hello @oujele,

I hope you are doing well.

I haven’t heard from you since then. So, I was wondering if your issue has been resolved or not. Please let us know. I wish you a good day.

Thank you