¿Estás buscando una forma de eliminar las migas de pan de WooCommerce en páginas específicas? Los siguientes fragmentos te permitirán eliminar las migas de pan de WooCommerce en todas las páginas o en páginas específicas.
Instrucciones:
Agrega uno de los siguientes fragmentos a tu archivo functions.php de tema o a un plugin específico del sitio.
-
This snippet will remove WooCommerce breadcrumbs on specific pages.
add_action('template_redirect', 'remove_shop_breadcrumbs' ); function remove_shop_breadcrumbs(){ if (is_shop()) remove_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0); }Hay varias funciones que puedes usar en la línea 4 para eliminar las migas de pan de páginas específicas en WooCommerce. Aquí tienes algunos ejemplos:
if(is_shop()){ ... } // shop page if(is_front_page() ){ ... } // static front page if(is_home()){ ... } // default page -
This snippet will remove WooCommerce breadcrumbs on all pages.
remove_action('woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0);
Nota: Si es la primera vez que agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo copiar / pegar fragmentos de código correctamente en WordPress, para que no rompas accidentalmente tu sitio.
Si te gustó este fragmento de código, considera echar un vistazo a nuestros otros artículos en el sitio como: los 27 mejores temas de WordPress para marketing de afiliación y cómo guardar datos parciales del formulario en WordPress.
¡Gracias!
remove_action(‘woocommerce_before_main_content’, ‘woocommerce_breadcrumb’, 20, 0);
¡Funcionó de maravilla!
¡Esto funcionó, gracias!
Gracias, este me funcionó
.woocommerce-breadcrumb { display: none; }
Esta solución puede funcionar, pero ocultar de esta manera generalmente no se recomienda por razones de SEO.
¡Este me funcionó!
.woocommerce-breadcrumb { display: none; }
No funciona para el tema WooCommerce Toy Store (Child) Kava (Parent). Lo he intentado de todas las formas posibles y todavía está ahí.
En la mayoría de los casos, no recomendamos usar CSS para ocultar contenido debido al SEO.
No funciona
¿Estás recibiendo algún mensaje de error?
He eliminado las migas de pan de mi sitio usando este código en CSS adicional y también las migas de pan están deshabilitadas desde Yoast SEO. .woocommerce-breadcrumb { display: none; } Pero no se eliminan de la consola de búsqueda. He hecho pruebas en vivo varias veces, pero todavía están ahí en la consola de búsqueda.
Estoy intentando ingresar el fragmento de CSS, pero no está eliminando las migas de pan. Estoy usando
.woocommerce-breadcrumb { display: none; }
¿Dónde específicamente debería ponerlo?
Gracias CAROLINE,
¡Noté en Analytics que el diez por ciento de los visitantes hacían clic en los enlaces de migas de pan en lugar de agregar el producto a su carrito!
No espero que esto sea un aumento del diez por ciento en el CTR, pero menos distracciones siempre es mejor.
cómo eliminar para el usuario conectado en el panel de administración.
.woocommerce-embed-page .woocommerce-layout__header .woocommerce-layout__header-breadcrumbs { display: none !important; } ++esto no funciona
Alternativamente, lo que hice fue ir a; Apariencia, Personalizar y agregar esto a tu CSS adicional:
.woocommerce-breadcrumb { text-align: left; font-size: 0.6875rem; margin-bottom: 0.3125rem; display: none; }
@CLAIRE – Mejor respuesta. ¡Simple, rápido, funciona! Agrega una simple línea de CSS y listo. ¡GRACIAS!
Claire, todo lo que realmente necesitas es:
.woocommerce-breadcrumb { display: none; }
¿Por qué estilizarlo más si no lo vas a mostrar? Recomiendo esto en su lugar. 🙂
esta es la forma sencilla sin editar tu tema… que se sobrescribe si alguna vez actualizas tu tema. ¡Muchas gracias!
El CSS también se puede agregar a través del personalizador o de un tema hijo. De esta manera, el CSS no se anulará cada vez que se actualice el tema.
¡Gracias Caroline!
Solución perfecta para mí. Tema Divi.
Este código funciona:
/**
* Elimina las migas de pan
*/
add_action( ‘init’, ‘woo_remove_wc_breadcrumbs’ );
function woo_remove_wc_breadcrumbs() {
remove_action( ‘woocommerce_before_main_content’, ‘woocommerce_breadcrumb’, 20, 0 );
}
¡Funcionó genial! Tan simple. ¡Gracias!
No me funcionó
No funciona
realmente funciona, inserto el código en theme functions.php
Lo siento. Intenté esto y no funciona. ¿Alguna otra solución?
Funciona bien… Simplemente lo estás haciendo mal.
Gracias
He estado buscando una solución para eliminar las migas de pan de un nuevo sitio durante 3 días. Finalmente me encontré con tu código. ¡Funciona genial! Gracias,
¡Bueno saberlo, Jack! Me alegra que haya ayudado.