Cambiar de H2 a H3 los productos relacionados en el producto WooCommerce

Después del tutorial de cómo quitar el h2 automático de Descripción o Cambiar el encabezado del catálogo de WooCommerce, me llegaron muchas consultas de cómo modificar el resto de encabezados mal puestos. Así que en este tutorial os voy a enseñar cómo cambiar el encabezado de los productos relacionados en WooCommerce.

Contexto

Por defecto este encabezado viene en H2 en WooCommece, lo que hace que tenga la misma importancia que el resto de encabezados que hemos puesto en la descripción del producto para posicionar.

Esto se repite en todos los productos, así que con el siguiente ajuste le bajaremos la importancia para dársela al contenido que de verdad importa.

Snippet a añadir

Lo primero deberemos tener un Tema hijo o child theme instalado, para que al actualizar la plantilla estos cambios no se vayan. Una vez hecho esto copiamos y pegamos este código en el functions.php de nuestra plantilla:

add_filter('woocommerce_product_related_products_heading', function(){return false;});

function woocommerce_product_loop_start( $echo = true ) {
    ob_start();

    wc_set_loop_prop( 'loop', 0 );

    wc_get_template( 'loop/loop-start.php' );

    $loop_start = apply_filters( 'woocommerce_product_loop_start', ob_get_clean() );

    if ( $echo ) {
        // check to see if it's the related loop
        if (wc_get_loop_prop('name') == 'related'){
            // Change the heading to whatever you want
            echo "<h3>Productos relacionados</h3>";
        }
        echo $loop_start; // WPCS: XSS ok.
    } else {
        return $loop_start;
    }
}

Con esto si usamos el inspector o una extensión para ver los encabezados podemos comprobar que pasa a H3:

productos relacionados h2 a h3 woocommerce

Si lo queréis pasar a otro encabezado o un div, tan fácil como modificar la etiqueta dentro del código.

Se podría hacer también modificando las plantillas de WooCommerce, pero creo que esto es mucho mejor tanto de tiempo como optimización. Si te gustan este tipo de tutoriales con miniajustes de WooCommerce te recomiendo ver el resto.

Cualquier duda como siempre dejarla en comentarios.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)

Especialista en Comercio electrónico con Woocommerce. Te ayudo a crear, gestionar y publicitar tu Ecommerce en función de tu sector y público objetivo. Puedes encontrarme en Diegol.top

¿Necesitas ayuda con este tutorial? Mándame un correo y te resuelvo todas las dudas!


Ver servicios Contactar

También puedes suscribirte a mi newsletter para no perderte ninguna novedad

Reader Interactions

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *