• Hola,

    Tengo un problema con woocommerce.

    En la ficha de cualquier producto de mi woocommerce, al momento de hacer clic en la pestaña de información adicional, me hace scroll hacia arriba automáticamente y, en consecuencia, el usuario tiene que hacer scroll hacia abajo para ver la información adicinal.

    ¿Cómo puedo quitar este scroll automático? Simplemente quiero que al hacer clic en «información adicional» no haga scroll.

    Gracias.

Viendo 6 respuestas - de la 1 a la 6 (de un total de 6)
  • lurogil

    (@lurogil)

    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.

    Iniciador del debate marcgisbertj

    (@marcgisbertj)

    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.

    lurogil

    (@lurogil)

    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 por lurogil.
    Iniciador del debate marcgisbertj

    (@marcgisbertj)

    Perdona por tardar tanto en contestar @lurogil,

    ¿Cómo puedo añadir el snippet de JS que mencionas?

    lurogil

    (@lurogil)

    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/

    Iniciador del debate marcgisbertj

    (@marcgisbertj)

    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.

Viendo 6 respuestas - de la 1 a la 6 (de un total de 6)
  • El debate ‘Woocommerce Tab de Información Adicional hace scroll automático’ está cerrado a nuevas respuestas.