WooCommerce : Las migas de pan o breadcrumb
→ 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 :
Si deseamos modificar dicho archivo es necesario copiarlo a nuestro tema actual en la siguiente ruta
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