//Avada & WooCommerce: Breadcrumb-Pfad anpassen

Avada & WooCommerce: Breadcrumb-Pfad anpassen

Das WordPress Theme Avada hat bereits WooCommerce integriert. Betreibt man den Shop allerdings nicht als Home-Seite, kommt es unweigerlich zu einem Problem mit der Breadcrumb-Navigation von Avada: Klickt man in WooCommerce in eine Katagorie und möchte über den Breadcrumb-Pfad auf die Startseite des WooCommerce Shops wechseln, so landet man statt dessen auf der Startseite von WordPress.

Der folgende Beitrag zeigt, wie sich das BreadCrumb-Problem elegant mit JQuery lösen lässt.

WooCommerce Breadcrumb-Pfad in Avada korrigieren

Googled man das Avada Breadcrumb-Problem, so findet man einige Lösungswege wie z.B. Aufsetzen eines Avada Child Themes, Anpassen der PHP-Dateien von Avada, Anpassen der PHP-Dateien von WooCommerce, Installation eines Plugins zum Injizieren von Custom Code in die functions.php von WordPress. Deutlich einfacher ist die folgende Lösung. Avada bleibt zudem 100% updatefähig:

Über ein JQuery Script werden der Name und die URL des 1. Knoten im Breadcrumb-Pfad angepasst:

Damit das ganze nicht unter den Augen des Besuchers geschieht, wird der komplette Breadcrumb-Pfad zuerst per CSS ausgeblendet, dann über das o.g. Script angepasst und sanft eingeblendet:

Das Ergebnis ist ein perfekt angepasster Breadcrumb-Pfad für WooCommerce in Avada:

Avada: Wohin mit den Anpassungen ?

Die CSS-Anpassungen werden in Avada unter Custom CSS eingefügt:

Das JQuery Script landet in Avada unter “Advanced / Code Fields” im Feld “Space before </body>”:

In diesem Sinne: Viel Spass mit Avada und WooCommerce :-)

 

By |2018-08-21T10:12:29+00:002018-08-21|Categories: Hacks & Tipps|Tags: , , , |0 Comments

About the Author:

Seit 1993 bin ich als freiberuflicher Softwareentwickler mit den Schwerpunkten Programmierung von Internet- und Crossplattform-Applikationen, sowie als Mediendesigner, IT-Consultant und Dozent tätig. Die Übergänge zwischen diesen Themen sind fliessend. Mein Blog fasst all dies zu einem News Stream zusammen. Viel Spass beim Stöbern! -- Harald

Leave A Comment