Buenas
Es dificl verlo sin saber cual es la pagina. Seguro que tienes alguna clase en el html que lo conecta con un JS que hace ese efecto.
Por ejemplo, en la siguiente URL:
https://www.globalrenovables.com/product/inversor-serie-hs2-hibrido-monofasico-saj-todo-en-uno/
Cuando haces clic en la pestaña de «Información adicional», el sitio cambia de pestaña y hace scroll hacia arriba.
Me gustaría que no hiciera scroll hacia arriba, sino que simplemente cambiase de pestaña.
Para ello tienes que localizar el fichero single-product.min.js y buscar el comportamiento additional_information_tab o description_tab active
Es un tema especifico de un desarrollador frontend
es un tema que tendrias que probar pero si metes este trozo de codigo como un snipet de JS tambien tiene que funcionar
jQuery(document).ready(function($) { $(‘.woocommerce-tabs’).on(‘click’, ‘a’, function(e) { e.preventDefault(); $(this).tab(‘show’); }); });
Yo lo he probado en tu web y funciona
-
Esta respuesta fue modificada hace 1 año, 7 meses por
lurogil.
Perdona por tardar tanto en contestar @lurogil,
¿Cómo puedo añadir el snippet de JS que mencionas?
Buenas,
Recuerda hacer copia de seguridad antes de activar el plugin por si hay algun inconveniente. O contratar personal cualificado para hacerlo
https://wordpress.org/plugins/insert-headers-and-footers/
Gracias por tu aportación, pero no funciona @lurogil
Estoy añadiendo el código al footer añadiendo la siguiente función al archivo functions.php
function add_this_script_footer() {
?>
<script>
jQuery(document).ready(function($) { $(‘.woocommerce-tabs’).on(‘click’, ‘a’, function(e) { e.preventDefault(); $(this).tab(‘show’); }); });</script>
<?php }
add_action('wp_footer', 'add_this_script_footer');
He probado de añadir la misma función al header pero tampoco funciona.