WooCommerce : Las migas de pan o breadcrumb

Fecha Publicación:       26 de Abril de 2024
Fecha Modificación:       30 de Abril de 2026

→ Ver pagina oficial  Estructura de plantilla y anulación de plantillas a través de un tema

→ Ver pagina oficial Personaliza la ruta de navegación de WooCommerce

 

Las breadcrumb o migas de pan en WooCommerce se encuentran en la ruta :

wp-content/plugins/woocommerce/templates/global/breadcrumb.php   

Si deseamos modificar dicho archivo es necesario copiarlo a nuestro tema actual en la siguiente ruta 

wp-content/themes/mi-plantilla/woocommerce/global/breadcrumb.php     

Mover migas de pan (breadcrumb) Justo antes de que comience el contenido del producto (ficha de producto)

La ficha delproducto es manejado por el archivo single-product.php , pero no se aconceja editar este archivo , si deseamos mover las migas de pan podemos usar un Hook  en el archivo functions.php de tu tema

Pega el código: Añade las líneas anteriores al final del archivo functions.php de tu tema.

/**
 * Mover las migas de pan (breadcrumbs) en la página de producto individual
 */
// 1. Eliminamos la función de su ubicación por defecto
remove_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20 );

// 2. La insertamos en una nueva posición (dentro del contenido principal)
add_action( 'woocommerce_before_single_product', 'woocommerce_breadcrumb', 5 );

 

Rename "home" in breadcrumb

Escribir el siguiente codigo en tu archivo functions.php

add_filter( 'woocommerce_breadcrumb_defaults', 'wcc_change_breadcrumb_home_text' );
function wcc_change_breadcrumb_home_text( $defaults ) {
    // Change the breadcrumb home text from 'Home' to 'Apartment'
	$defaults['home'] = 'Apartment';
	return $defaults;
}

Remover migas de pan o breadcrumb de woocommerce

Escribir el siguiente codigo en tu archivo functions.php

remove_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20 );

Poner las migas de pan o breadcrumb en la tienda debajo del titulo

Generalmente las migas de pan no se muestran en la tienda , solo el titulo , agregando el siguiente codigo en el archivo functions.php lo mostraremos

add_action( 'woocommerce_archive_description', 'woocommerce_breadcrumb', 15 );

Si necesita hacer esto en páginas específicas :

add_action( 'template_redirect', 'custom_template_redirect' ); 
function custom_template_redirect() { 
if( is_shop() ) : 
    remove_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20 ); 
    add_action( 'woocommerce_archive_description', 'woocommerce_breadcrumb', 15 ); 
endif; } 

//if ( is_shop() && ! is_product_tag() && ! is_product_category() ) {

 

Poner "tienda" in breadcrumb

Agrega lo siguiente en el functions.php de tu child-theme activo o bien, desde el plugin de Code Snippets creando un nuevo fragmento de código:

add_filter( 'woocommerce_breadcrumb_defaults', 'jk_woocommerce_breadcrumbs' );
function jk_woocommerce_breadcrumbs() {
return array(
'delimiter' => ' / ',
'wrap_before' => '<nav class="woocommerce-breadcrumb" itemprop="breadcrumb">',
'wrap_after' => '</nav>',
'before' => '',
'after' => '',
'home' => _x( 'Tienda', 'breadcrumb', 'woocommerce' ),
);
}


add_filter( 'woocommerce_breadcrumb_home_url', 'woo_custom_breadrumb_home_url' );
function woo_custom_breadrumb_home_url() {
return 'https://url-de-tu-tienda';
}

Poner las migas de pan o breadcrumb en cualquier posicion

Coloca el siguiente codigo donde deseas posicionar las migas de pan.  

<?php woocommerce_breadcrumb();?>

single-product.php

El archivo single-product.php (muestra la ficha del producto) y  es parte de WooCommerce y es mala idea editar su codigo para mover las migas de pan  porque si hay una actualizacion tendriamos que actualizar manualmente el archivo single-product.php  , podemos mover las migas de pan usando Hook desde el archivo functions.php

→ Ver codigo completo de WooCommerce : single-product.php 

 

Articulo : 777 - Veces Leidas
Compartir Articulo:

Artículos Relacionados

×

¡Apóyame suscribiéndote a mi canal!

Tutoriales sobre Diseño Web