Vous cherchez un moyen de supprimer les fil d'Ariane de WooCommerce sur des pages spécifiques ? Les extraits suivants vous permettront de supprimer les fil d'Ariane de WooCommerce sur toutes les pages ou sur des pages spécifiques.
Instructions :
Ajoutez l'un des extraits suivants au fichier functions.php de votre thème ou dans un plugin spécifique au site.
-
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); }Il existe plusieurs fonctions que vous pouvez utiliser à la ligne 4 pour supprimer les fil d'Ariane de pages spécifiques dans WooCommerce. Voici quelques exemples :
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);
Remarque : Si c'est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez consulter notre guide sur la manière 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 tels que : 27 meilleurs thèmes WordPress pour le marketing d'affiliation et comment enregistrer des données partielles de formulaire dans WordPress.
merci !
remove_action(‘woocommerce_before_main_content’, ‘woocommerce_breadcrumb’, 20, 0);
Ça a fonctionné à merveille !!
Ça a marché, merci !
Merci, celui-ci a fonctionné pour moi
.woocommerce-breadcrumb { display: none; }
Cette solution peut fonctionner, mais la masquer de cette manière n'est généralement pas recommandée pour des raisons de SEO.
Celui-ci a fonctionné pour moi !
.woocommerce-breadcrumb { display: none; }
Ne fonctionne pas pour le thème WooCommerce Toy Store (Child) Kava (Parent). J'ai essayé toutes les méthodes possibles et il est toujours là.
Nous ne recommandons pas d'utiliser du CSS pour masquer du contenu dans la plupart des cas en raison du SEO.
Ne fonctionne pas
Recevez-vous des messages d'erreur ?
J'ai supprimé les fils d'Ariane de mon site en utilisant ce code dans le CSS supplémentaire et les fils d'Ariane sont également désactivés depuis Yoast SEO. .woocommerce-breadcrumb { display: none; } Mais cela ne les supprime pas de la console de recherche. J'ai effectué des tests en direct plusieurs fois, mais ils sont toujours là dans la console de recherche.
J'essaie d'entrer l'extrait CSS, mais il ne supprime pas les fils d'Ariane. J'utilise
.woocommerce-breadcrumb { display: none; }
Où dois-je le mettre spécifiquement ?
Merci CAROLINE,
J'ai remarqué dans Analytics que dix pour cent des visiteurs cliquaient sur les liens du fil d'Ariane au lieu d'ajouter le produit à leur panier !
Je ne m'attends pas à ce que ce soit une augmentation de 10 % du taux de clics, mais moins de distractions, c'est toujours mieux.
comment supprimer pour l'utilisateur connecté dans le panneau d'administration.
.woocommerce-embed-page .woocommerce-layout__header .woocommerce-layout__header-breadcrumbs { display: none !important; } ++cela ne fonctionne pas
Alternativement, ce que j'ai fait, c'est simplement aller dans ; Apparence, Personnaliser et ajouter ceci à votre CSS supplémentaire :
.woocommerce-breadcrumb { text-align: left; font-size: 0.6875rem; margin-bottom: 0.3125rem; display: none; }
@CLAIRE – Meilleure réponse. Simple, rapide, ça marche ! Ajoutez une simple ligne de CSS, et c'est fait ! MERCI !
Claire, tout ce dont vous avez vraiment besoin est :
.woocommerce-breadcrumb { display: none; }
Pourquoi le styliser davantage si vous n'allez pas le montrer. Je recommande ceci à la place. 🙂
voici la méthode simple sans modifier votre thème… qui sera écrasée si vous mettez à jour votre thème. merci beaucoup !
Le CSS peut également être ajouté via le personnalisateur ou via un thème enfant. De cette façon, le CSS ne sera pas remplacé à chaque mise à jour du thème.
Merci Caroline !
Solution parfaite pour moi. Thème Divi.
Ce code fonctionne :
/** * Supprimer les fils d'Ariane */ add_action( 'init', 'woo_remove_wc_breadcrumbs' ); function woo_remove_wc_breadcrumbs() { remove_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0 ); }
Ça a très bien fonctionné ! Si simple. Merci !
Ça n'a pas fonctionné pour moi
Ça ne fonctionne pas
ça fonctionne vraiment, j'ai inséré le code dans le fichier functions.php du thème
Désolé. J'ai essayé ceci et ça ne fonctionne pas. Y a-t-il une autre solution ?
Ça fonctionne très bien… Tu t'y prends mal.
Merci
Je cherchais une solution pour supprimer les fil d'Ariane d'un nouveau site depuis 3 jours. J'ai finalement trouvé votre code. Ça fonctionne très bien !! Merci,
Bon à savoir, Jack ! Je suis content que cela vous ait aidé.