Disable scrolling on tab element

Hey jmoriart,

Thank you for the inquiry.

This is possible, but you will need to override the default toggle script. Add this code to the functions.php file:

function av_override_avia_scripts() {
    wp_dequeue_script('avia-module-toggles');
    wp_deregister_script('avia-module-toggles');

    $child_toggles_js = get_stylesheet_directory_uri() . '/js/toggles.js';

    wp_enqueue_script(
        'avia-module-toggles', 
        $child_toggles_js, 
        array('avia-shortcodes'), 
        false,
        true 
    );
}
add_action('wp_enqueue_scripts', 'av_override_avia_scripts', 100);

After that, create a copy of the enfold/config-templatebuilder/avia-shortcodes/toggles/toggles.js file and place it in the child theme > js folder. Edit the file, then remove all instances of the scroll_to_viewport function.

Let us know of the result.

Best regards,
Ismael

Hi,

Thank you for the update.

Have you tried to temporarily disable the Enfold > Performance > File Compression settings? Make sure to purge the cache afterward. If it’s still not working, provide the login details in the private field so that can further check the issue.

Best regards,
Ismael

Hi,

Sorry for the confusion. I thought you’re working on an Accordion element. For the Tab Section element, please override the enfold/config-templatebuilder/avia-shortcodes/tab_section/tab_section.js file, look for the get_init_open function and replace it with:

get_init_open = function() {
                    var hash = window.location.hash ? window.location.hash : '',
                        deepHash = hash.toLowerCase().replace('#', ''),
                        open = null;

                    if ('undefined' != typeof(deepLinksToTabs[deepHash]) && '' != deepLinksToTabs[deepHash]) {
                        var hashID = deepLinksToTabs[deepHash];
                        open = tabs.filter('[data-av-tab-section-title="' + hashID + '"]');
                    } else {
                        open = tabs.filter('[href="' + hash + '"]');
                    }

                    if (open.length) {
                        if (!open.is('.active_tab')) {
                            open.trigger('click');

                            var tabOffset = open.offset().top;
                            var currentScroll = $(window).scrollTop();
                            $(window).scrollTop(currentScroll); 
                        }
                    } else {
                        // set correct color
                        container.find('.av-active-tab-title').trigger('click', true);
                    }
                };

You will also have to replace the filter in the functions.php file:

function av_override_avia_scripts() {
    wp_dequeue_script('avia-module-tabsection');
    wp_deregister_script('avia-module-tabsection');

    $child_tab_section_js = get_stylesheet_directory_uri() . '/js/tab_section.js';

    wp_enqueue_script(
        'avia-module-tabsection', 
        $child_tab_section_js, 
        array('avia-shortcodes'), 
        false,
        true 
    );
}
add_action('wp_enqueue_scripts', 'av_override_avia_scripts', 100);

Best regards,
Ismael

Hi,

Thank you for the update.

We may need to access the server via FTP to test the modifications further. Please provide the login details in the private field.

Best regards,
Ismael

Hi,

Thank you for the info.

We can’t access the server using the credentials provided. Are you sure they are correct? Please create a staging site and provide the WP and FTP details in the private field.

Best regards,
Ismael

Hi,

Again, sorry for the confusion. We have overridden the config-templatebuilder/avia-shortcodes/tabs/tabs.js file and removed lines 133 and 161. Please check the staging site and clear the cache.

Best regards,
Ismael

Hi,

Yes, you can delete the tab_section.js file. Let us know if you have more questions.

Best regards,
Ismael