¿Está buscando una manera 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:
Añada uno de los siguientes fragmentos al archivo functions.php de su tema o en un plugin específico del sitio.
-
Este fragmento eliminará las migas de pan de WooCommerce en páginas específicas.
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 puede utilizar 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 -
Este snippet eliminará las migas de pan de WooCommerce en todas las páginas.
remove_action('woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0);
Nota: Si es la primera vez que añade fragmentos de código en WordPress, consulte nuestra guía sobre cómo copiar / pegar correctamente fragmentos de código en WordPress, para no romper accidentalmente su sitio.
Si te ha gustado este fragmento de código, por favor considere revisar nuestros otros artículos en el sitio como: 27 mejores temas de WordPress para marketing de afiliación y cómo guardar datos parciales de formularios en WordPress.
thank you!
remove_action(‘woocommerce_before_main_content’, ‘woocommerce_breadcrumb’, 20, 0);
Worked wonders!!
This worked thank you!
Thanks this one worked for me
.woocommerce-breadcrumb {
display: none;
}
This solution can work, but hiding in this manner is usually not recommended due to SEO reasons.
This one worked for me!
.woocommerce-breadcrumb {
display: none;
}
Does not work for Toy Store (Child) Kava (Parent) WooCommerce Theme. I have tried every possible way and it still is there.
We don’t recommend using CSS to hide content in most cases due to SEO.
Does not work
Are you receiving any error messages?
I have removed the breadcrumbs from my site by using this code in additional CSS and also breadcrumbs in disabled from yoast seo.
.woocommerce-breadcrumb {
display: none;
}
But it I am not removing from search console I have done live test multiple time, but it is still there in search console.
I’m trying to enter the css snippet, but it’s not removing the breadcrumbs. I’m using
.woocommerce-breadcrumb {
display: none;
}
Where specifically should I be putting it?
Thanks CAROLINE,
I noticed in Analytics ten percent of visitors were clicking the breadcrumb links in stead of adding the product to their cart!
Not expecting this will be a ten point ctr increase, but less distraction is always better.
how to remove for user logged in admin panel.
.woocommerce-embed-page .woocommerce-layout__header .woocommerce-layout__header-breadcrumbs {
display: none !important;
}
++this doesn’t work
Alternatively what I did is just go into; Appearence, Customise and add this to your Additional CSS:
.woocommerce-breadcrumb {
text-align: left;
font-size: 0.6875rem;
margin-bottom: 0.3125rem;
display: none;
}
@CLAIRE – Best answer. Simple, fast, works! Add one simple line of CSS, and done! THANK YOU!
Claire, all you really need is:
.woocommerce-breadcrumb {
display: none;
}
Why style it further if you’re not going to show it. I recommend this instead. 🙂
this is the simple way without editing your theme… which gets overwritten if you ever update your theme. great thank you!
CSS can also be added via the customizer or via a Child theme. This way the CSS won’t get overridden each time the theme is updated.
Thanks Caroline!
Perfect solution for me. Divi Theme.
This code works:
/**
* Remove the breadcrumbs
*/
add_action( ‘init’, ‘woo_remove_wc_breadcrumbs’ );
function woo_remove_wc_breadcrumbs() {
remove_action( ‘woocommerce_before_main_content’, ‘woocommerce_breadcrumb’, 20, 0 );
}
Worked great! So simple. Thank you!
Didin’t work for me
It doesn’t work
it really works, I insert the code in theme functions.php
Sorry. I tried this and it isn’t working. Any other workaround?
It works fine… You’re just doing it wrong.
Thanks
I have been searching for a fix to remove breadcrumbs from a new site for 3 days. I finally stumbled upon your code. It works great!! Thanks,
Good to know, Jack! I’m glad it helped.