Product tabs automatically scrolling up on click

Hey S-edwards,
I see that you are getting this error:

/wp-admin/admin-ajax.php: Failed to load resource: the server responded with a status of 400 ()

Please try checking your PHP version, v7.1 is recommended.
If this doesn’t help, please include an admin login in the private content area so we can be of more assistance.

Best regards,
Mike

Hi,

When i click on a tab name, the page scrolls up, so the user has to scroll down again to view the content. See link for example. I have already contacted the plugin developer and he thinks its a problem with the Enfold theme.

This is because of the smooth scroll feature of the theme. All links containing anchors will automatically scroll to their corresponding container. You can find that script in the js > avia.js file.

//smooth scrolling
if($.fn.avia_smoothscroll)
$('a[href*="#"]', container).avia_smoothscroll(container);

You can either disable that script altogether or exclude the custom product tabs.

Best regards,
Ismael

Hi,

You can replace that line with the following.

$('a[href*="#"]', container).not('.wc-tabs li a').avia_smoothscroll(container);

Do the following steps if you want to override the avia.js file in your child theme.

// https://kriesi.at/documentation/enfold/add-custom-js-or-php-script/#load-shortcodejs-from-child-theme-folder

However, instead of the “avia-shortcodes”, you’ll have to re-register the “avia-default” script.

Best regards,
Ismael