Vous cherchez un moyen de supprimer les fils d’Ariane de WooCommerce sur des pages spécifiques ? Les snippets suivants vous permettront de supprimer les fils d’Ariane de WooCommerce sur toutes les pages ou sur des pages spécifiques.
Instructions:
Ajoutez l’un des snippets suivants au fichier functions.php de votre thème ou dans un plugin spécifique à votre site.
-
Cet extrait supprimera les fils d’Ariane de WooCommerce sur des pages spécifiques.
add_action('template_redirect', 'remove_shop_breadcrumbs' ); function remove_shop_breadcrumbs(){ if (is_shop()) remove_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0); }Il y a plusieurs fonctions que vous pouvez utiliser sur la ligne 4 pour supprimer les fils d’Ariane de certaines pages de WooCommerce. Voici quelques exemples :
if(is_shop()){ ... } // shop page if(is_front_page() ){ ... } // static front page if(is_home()){ ... } // default page -
Ce snippet supprimera les fils d’Ariane de WooCommerce sur toutes les pages.
remove_action('woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0);
Note : Si c’est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez vous référer à notre guide sur la façon de copier/coller correctement des extraits de code dans WordPress, afin de ne pas casser accidentellement votre site.
Si vous avez aimé cet extrait de code, n’hésitez pas à consulter nos autres articles sur le site comme : 27 meilleurs thèmes WordPress pour le marketing d’affiliation et comment sauvegarder les données d’un formulaire partiel dans 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.