Tab Navigation

Hey!

I didn’t test this hack but you can try to modify the tab code in /wp-content/themes/enfold/js/shortcodes.js. Open up the file and search for

		function trigger_default_open()
		{
			if(!window.location.hash) return;
			var open = tabs.filter('[data-fake-id="'+window.location.hash+'"]');

			if(open.length)
			{
				if(!open.is('.active_tab')) open.trigger('click');
				window.scrollTo(0, container.offset().top - 70);
			}
		}

and replace it with

		function trigger_default_open()
		{
			if(!window.location.hash) return;
			var open = tabs.filter('[data-fake-id="'+window.location.hash+'"]');

			if(open.length)
			{
				if(!open.is('.active_tab')) open.trigger('click');
				window.scrollTo(0, container.offset().top - 70);
			}
		}

        $('a').on('click',function(){
            var hash = $(this).attr('href').replace(/^.*?#/,'');

            if(hash)
            {
                var open = tabs.filter('[data-fake-id="#'+hash+'"]');
                if(open.length)
                {
                    if(!open.is('.active_tab')) open.trigger('click');
                    window.scrollTo(0, container.offset().top - 70);
                }
            }
        });

Regards,
Peter

Hi!

Please post a link to your tabs/buttons.

Best regards,
Peter

Hey!

It seems like the code is missing in http://noblewhy.com/wp-content/themes/enfold/js/shortcodes.js – did you remove it? If you don’t want to leave it please create us an admin account and post the login data as private reply. I’ll modify the shortcode.js file for you and check if it works. If not I’ll debug the issue and try to find a solution.

Best regards,
Peter

I just replaced my shortcodes.js content with what you provided above http://noblewhy.com/wp-content/themes/enfold/js/shortcodes.js
Same results as wss310, thanks! Interesting, because I did not remove any of the code within the theme provided shortcodes.js.

I also have the question about not scrolling to the top of the page (or top of the section containing the tabs) if possible. EDIT>while next tab does open at the top of its content (good), it cuts off the very top of the tab content area. Is there a way to add some padding to the top of the tab bookmark so it shows the full top tab?

Glad link/buttons to other tabs work now, thank you!

• This reply was modified 10 years, 12 months ago by drjill.

Hi!

If you want to completely remove the “scroll” effect you just need to delete this line

window.scrollTo(0, container.offset().top - 70);

in the code I posted here https://kriesi.at/support/topic/tab-navigation-2/#post-193576
If you want to add some padding just increase the last value (-70) and replace it with i.e. -30. You can also add a positive value (i.e. + 10) to the offset instead of subtracting 70px.

@ocklein . no unfortunately not because Abundance does not support deep linking for tabs.

Best regards,
Peter