Suchen Sie nach einer Möglichkeit, WooCommerce-Brotkrümel auf bestimmten Seiten zu entfernen? Die folgenden Snippets ermöglichen es Ihnen, Brotkrümel von WooCommerce auf allen oder bestimmten Seiten zu entfernen.
Anweisungen:
Fügen Sie einen der folgenden Codeausschnitte in die functions.php-Datei Ihres Themes oder in ein websitespezifisches Plugin ein.
-
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); }Es gibt mehrere Funktionen, die Sie in Zeile 4 verwenden können, um Brotkrümel von bestimmten Seiten in WooCommerce zu entfernen. Hier sind einige Beispiele:
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);
Hinweis: Wenn Sie zum ersten Mal Code-Schnipsel in WordPress hinzuf ilde{A}gen, lesen Sie bitte unseren Leitfaden, wie Sie Code-Schnipsel richtig in WordPress kopieren / einf ilde{A}gen, damit Sie Ihre Website nicht versehentlich besch ilde{A}digen.
Wenn Ihnen dieser Code-Schnipsel gefallen hat, ziehen Sie bitte in Betracht, unsere anderen Artikel auf der Website zu lesen, wie z. B.: 27 beste WordPress-Themes für Affiliate-Marketing und So speichern Sie teilweise Formular Daten in WordPress.
Danke!
remove_action(‘woocommerce_before_main_content’, ‘woocommerce_breadcrumb’, 20, 0);
Hat Wunder gewirkt!!
Das hat funktioniert, danke!
Danke, das hier hat für mich funktioniert
.woocommerce-breadcrumb { display: none; }
Diese Lösung kann funktionieren, aber das Ausblenden auf diese Weise wird aus SEO-Gründen normalerweise nicht empfohlen.
Dieses hier hat für mich funktioniert!
.woocommerce-breadcrumb { display: none; }
Funktioniert nicht für Toy Store (Child) Kava (Parent) WooCommerce Theme. Ich habe jeden möglichen Weg versucht und es ist immer noch da.
Wir empfehlen aus SEO-Gründen in den meisten Fällen nicht, CSS zum Ausblenden von Inhalten zu verwenden.
Funktioniert nicht
Erhalten Sie Fehlermeldungen?
Ich habe die Breadcrumbs von meiner Website entfernt, indem ich diesen Code in zusätzliches CSS eingefügt habe und die Breadcrumbs auch in Yoast SEO deaktiviert habe.
.woocommerce-breadcrumb {
display: none;
}
Aber ich entferne sie nicht aus der Search Console. Ich habe den Live-Test mehrmals durchgeführt, aber sie sind immer noch in der Search Console vorhanden.
Ich versuche, den CSS-Snippet einzugeben, aber er entfernt die Breadcrumbs nicht. Ich benutze
.woocommerce-breadcrumb { display: none; }
Wo genau sollte ich es einfügen?
Danke CAROLINE,
Ich habe in Analytics festgestellt, dass zehn Prozent der Besucher auf die Breadcrumb-Links klickten, anstatt das Produkt in ihren Warenkorb zu legen!
Ich erwarte nicht, dass dies eine Steigerung der Klickrate um zehn Punkte bringt, aber weniger Ablenkung ist immer besser.
wie man sie für eingeloggte Benutzer im Admin-Panel entfernt.
.woocommerce-embed-page .woocommerce-layout__header .woocommerce-layout__header-breadcrumbs {
display: none !important;
}
++das funktioniert nicht
Alternativ habe ich einfach Folgendes getan: Aussehen, Anpassen und fügen Sie dies zu Ihrem zusätzlichen CSS hinzu:
.woocommerce-breadcrumb { text-align: left; font-size: 0.6875rem; margin-bottom: 0.3125rem; display: none; }
@CLAIRE – Beste Antwort. Einfach, schnell, funktioniert! Eine einfache Zeile CSS hinzufügen und fertig! DANKE!
Claire, alles, was Sie wirklich brauchen, ist:
.woocommerce-breadcrumb { display: none; }
Warum es weiter gestalten, wenn Sie es nicht zeigen werden. Ich empfehle stattdessen dies. 🙂
Dies ist der einfache Weg, ohne Ihr Theme zu bearbeiten... das überschrieben wird, wenn Sie Ihr Theme jemals aktualisieren. Vielen Dank!
CSS kann auch über den Customizer oder über ein Child-Theme hinzugefügt werden. Auf diese Weise wird das CSS nicht jedes Mal überschrieben, wenn das Theme aktualisiert wird.
Danke Caroline!
Perfekte Lösung für mich. Divi Theme.
Dieser Code funktioniert:
/**
* Die Breadcrumbs entfernen
*/
add_action( ‘init’, ‘woo_remove_wc_breadcrumbs’ );
function woo_remove_wc_breadcrumbs() {
remove_action( ‘woocommerce_before_main_content’, ‘woocommerce_breadcrumb’, 20, 0 );
}
Hat super funktioniert! So einfach. Danke!
Hat bei mir nicht funktioniert
Es funktioniert nicht
Es funktioniert wirklich, ich habe den Code in theme functions.php eingefügt
Entschuldigung. Ich habe das versucht und es funktioniert nicht. Gibt es eine andere Lösung?
Es funktioniert einwandfrei… Du machst es nur falsch.
Danke
Ich suche seit 3 Tagen nach einer Lösung, um Breadcrumbs von einer neuen Website zu entfernen. Ich bin schließlich auf Ihren Code gestoßen. Er funktioniert großartig!! Danke,
Gut zu wissen, Jack! Ich freue mich, dass es geholfen hat.