Modificar breadcrumb WooCommerce

El breadcrumb o migas de pan en español, hace referencia a un sistema de navegación interno dentro de nuestra página web. A menudo se sitúa en la parte superior de la página o tienda. A nivel de SEO, las migas de pan/breadcrumb aparecen en los resultados de búsqueda de Google, por lo que es interesante que la optimización de los mismos sea la máxima posible.

Algunas de las ventajas del breadcrumb, es que mejora notablemente la experiencia del usuario, ya que al tener siempre una referencia, puede saber exactamente donde está y hacia donde quiere ir. Por otra parte, cuando un usuario entra en nuestra web/tienda a través de otro enlace

Eliminar Inicio del breadcrumb

Si queremos eliminar del breadcrumb de WooCommerce el Inicio/Home, tenemos dos opciones:

Con Filtros en el archivo functions.php

add_filter( 'woocommerce_breadcrumb_defaults',function( $defaults ) {
    unset($defaults['home']);//elimina el enlace Inicio.
    return $defaults;//devuelve el resto de enlaces
});

Con CSS en el archivo style.css

.bread-crumb span:first-child a span {
display: none;
}
.bread-crumb span:nth-child(0) {
display: none;
}

Nota: Debemos tener en cuenta que la clase CSS puede estar definida con otro nombre diferente a bread-crumb, dependiendo del tema utilizado. Para asegurarnos de qué clase utiliza el breadcrumb, examinaremos el código fuente.

Enviar un comentario

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