Tab Section – Direct links for tabs

Hey amyncuih,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_action( 'wp_footer', 'ava_custom_script_tab_section',99 );
function ava_custom_script_tab_section() {
    ?>
<script>
window.addEventListener('DOMContentLoaded', function() {
    (function($) {
        function scrollToTab(s, e) {
            $(s).on(e, function(event) {
                var anchor, loc, cur, hash, tab, parent, pos;
                if( e == 'load' ) {
                    loc = window.location.hash;
                    hash = loc;
                } else {
                    loc = $(this).attr('href');
                    hash = loc.substring(loc.indexOf('#'));
                }
                tab = $('.av-section-tab-title[href="'+ hash +'"]');
                parent = tab.parents('.av-tab-section-outer-container');
                pos = parent.offset();
                tab.trigger('click');
                if(hash) {
                    setTimeout( function() {
                        $(window).scrollTop( pos.top - 100 )
                    }, 100 );
                }
            });
        }
        scrollToTab( '.avia-buttonrow-wrap a', 'click' );
        scrollToTab( window, 'load' );
    })(jQuery);
});
</script>
    <?php
}

add_theme_support( 'deactivate_tribe_events_calendar');

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hi,
Perhaps you copied the code from an email instead of the forum, or you have an error in your child theme functions.php file.
Please include a admin login in the Private Content area so we can examine.

Best regards,
Mike

Hi,
I made adjustment and it now works, please check.

Best regards,
Mike

Hi,

The script is the same as the one posted above, so it’s possible that it was not added correctly earlier. https://kriesi.at/support/topic/tab-section-direct-links-for-tabs/#post-1479486

Best regards,
Ismael