Passen Sie Ihren WooCommerce-Shop mit WordPress-Hooks an

Zuletzt aktualisiert - 24. Februar 2020

In diesem Artikel stellen wir eines der wichtigsten Themen bei der Entwicklung von WordPress-Themes oder Plugins für WordPress vor: WordPress-Hooks , und wir erklären den Unterschied zwischen Action-Hooks und Filter-Hooks.

Hooks sind im gesamten WordPress-Kern, den meisten WordPress-Themes und allen Top-WordPress-Plugins eingebettet. WordPress Hooks sind ein ereignisgesteuertes System, mit dem Sie Ihren eigenen neuen Code hinzufügen oder vorhandenen Code innerhalb des WordPress-Ökosystems bearbeiten können.

WooCommerce-Hooks

WordPress-Hooks sind im Wesentlichen PHP-Funktionen, mit denen Sie Ihren eigenen Code zu WordPress hinzufügen oder vorhandenen Code in ganz WordPress bearbeiten können, ohne die Kerndateien bearbeiten zu müssen, wenn Sie Ihre WordPress-Site und/oder Ihren WooCommerce-Shop anpassen.

Hooks werden auch überall in WooCommerce verwendet , sodass Entwickler ganz einfach ihre eigenen benutzerdefinierten Funktionen über Action-Hooks hinzufügen oder die in das WooCommerce-Plugin integrierte Funktionalität bearbeiten können, um Ihren Online-Shop über die Filter-Hooks weiter anzupassen.

WooCommerce-Aktionen und -Filter:

Es gibt 2 verschiedene Arten von Hooks, mit denen Sie Ihren WooCommerce-Shop weiter anpassen können. Obwohl empfohlen wird, dass Sie Ihre Design- oder Plugin-Dateien NICHT direkt bearbeiten, wird empfohlen, dass Sie entweder ein untergeordnetes Design erstellen und dann Ihre PHP-Code-Snippets in die Datei functions.php einfügen oder das WooCustomizer-Plugin verwenden , mit dem Sie dies tun können Bearbeiten Sie viele Filter, ohne wissen zu müssen, wie man codiert.

Aktionshaken:

Aktionshaken werden überall in WooCommerce mit der Funktion do_action( 'action_name' ) platziert, und so können Sie den Aktionsnamen verwenden, um anzugeben, wo Sie den von Ihnen hinzugefügten Code ausführen möchten.

Um Ihren benutzerdefinierten Code hinzuzufügen, erstellen Sie einfach eine neue PHP-Funktion mit Ihrem Code darin, und Sie geben an, wo der Code ausgeführt werden soll, indem Sie den Aktionsnamen als ersten Parameter in der Funktion add_action() hinzufügen .

Beispiel:

add_action( 'action_name', 'your_custom_function_name' );
function your_custom_function_name() {
// Your code
}

Sie sagen also einfach zum WooCommerce-Code – „ füge meine Aktion hinzu, wenn diese do_action läuft “.

Filterhaken:

Filter-Hooks werden überall in WooCommerce mit der apply_filter( 'filter_name', $variable ) . Auf diese Weise können Sie die an die Funktion übergebene Variable manipulieren und dann den Variablenwert nach Bedarf zurückgeben.

Beispiel:

add_filter( 'filter_name', 'your_custom_function_name' );
function your_custom_function_name( $variable ) {
// Your code editing the variable
return $variable;
}

Ähnlich wie beim Action-Hook erstellen Sie Ihre eigene PHP-Funktion und geben an, für welchen Filter sie verwendet werden soll, aber dieses Mal übergeben Sie eine bereits vorhandene Variable und verwenden Ihre Funktion, um die Ausgabe so zu manipulieren, wie Sie sie benötigen.

Bei Filter-Hooks müssen Sie einen Wert zurückgeben .

Sind Sie sich nicht sicher, ob Sie selbst ein Child-Theme erstellen, Ihre eigenen PHP-Funktionen mit den WooCommerce-Hooks hinzufügen oder bearbeiten sollen?

Passen Sie Ihren WooCommerce-Shop mit WooCustomizer an

Werfen Sie einen Blick auf das neue WooCustomizer- Plugin… WooCustomizer bietet viele Funktionen zum Bearbeiten und weiteren Anpassen Ihres WooCommerce-Shops, ohne dass Sie über Programmierkenntnisse verfügen oder Ihren eigenen Code hinzufügen müssen.

WooCustomizer bietet viele der vorhandenen WooCommerce-Hooks zum Bearbeiten und Hinzufügen zusätzlicher Funktionen zu Ihrem WooCommerce-Shop.

Einige Funktionen, die das WooCustomizer-Plugin bietet:

• Bearbeiten Sie Produkt-'On Sale'-Banner für Shop- und Produktseiten
• Bearbeiten Sie die Schaltflächen „In den Einkaufswagen“ für die verschiedenen Produkttypen
• Entfernen Sie alle Shop-, Produkt-, Benutzerkonto- und/oder Warenkorbseitenelemente
• Fügen Sie Ihren Shop-Produkten „Neues Produkt“- oder „Ausverkauft“-Banner hinzu
• Passen Sie das Design der Schaltflächen „In den Warenkorb“, Verkaufsbanner und mehr an
• Bearbeiten Sie Benutzerkonto-Tabs und grundlegende Checkout-Felder für Benutzer
• Fügen Sie Produktstatistiken zum Website-Frontend für Administratorbenutzer hinzu
• Fügen Sie einem beliebigen Menü ein Menüelement zum Anmelden/Abmelden hinzu

+ viel mehr

Laden Sie WooCustomizer herunter

Möchten Sie mehr für Ihren WooCommerce-Shop?

WooCustomizer wird auch mit einer Premium-Version geliefert, die viele Extras bietet, um den Umsatz zu steigern und Ihrem WooCommerce-Shop zusätzliche nützliche Funktionen hinzuzufügen.

WooCustomizer Pro beinhaltet:

Katalogmodus für WooCommerce

Entfernen Sie einfach alle „In den Einkaufswagen“- und Kauffunktionen aus Ihrem WooCommerce-Shop und verwandeln Sie Ihren Shop in einen schönen Online-Katalog. Wenden Sie diese Einstellungen auf alle Produkte, ausgewählte Produkte oder nur auf abgemeldete Benutzer an und fordern Sie die Benutzer auf, ein Konto zu erstellen und sich anzumelden, um Ihre Produkte zu kaufen.

Benutzerdefinierte Dankesseiten für WooCommerce

WooCustomizer bietet die Möglichkeit, Ihre eigenen benutzerdefinierten Dankesseiten für WooCommerce zu erstellen, indem Sie den standardmäßigen WordPress-Editor oder einen anderen Seitenersteller Ihrer Wahl verwenden. Leiten Sie den Kunden auf Ihre neue Standard-Dankeschön-Seite um, leiten Sie ihn je nach den von ihm gekauften Produkten auf verschiedene Seiten um, oder leiten Sie ihn auf Seiten um, je nachdem, wie er die Produkte in Ihrem Geschäft gekauft hat.

Produktschnellansicht für WooCommerce

Geben Sie Ihren Benutzern die Möglichkeit, eine Vorschau der vollständigen Produktinformationen anzuzeigen und sie einfach in den Warenkorb zu legen oder die Bilder in einem Popup auf Ihren Shop- oder Archivseiten zu durchsuchen. Dies hilft Ihren Benutzern, den Shop schneller zu durchsuchen.

WooCommerce Ajax-Suche

Benutzern helfen, Ihre Produkte schneller zu finden? Fügen Sie Ihrer Suchleiste, Ihren Widget-Bereichen oder Ihrer Shop-Seite eine einfache Ajax-Produktsuche hinzu, um eine Vorhersage von Produkten anzuzeigen, wenn Ihre Benutzer mit der Eingabe beginnen, um nach Ihren Produkten zu suchen.

WooCommerce-Menükorb

Aktivieren Sie WooCustomizers Menu Cart for WooCommerce und wählen Sie aus, in welchem ​​Menü Sie einen WooCommerce-Warenkorb anzeigen möchten. Fügen Sie einen Dropdown-Mini-Warenkorb hinzu, damit Ihre Benutzer Produkte hinzufügen oder entfernen, ihren Warenkorb anzeigen oder direkt zur Kasse gehen können.

WooCustomizer anzeigen

Verwenden Sie unseren speziellen Coupon, um 15 % Rabatt auf Ihren ersten Einkauf für WooCustomizer zu erhalten

LW15AUS

Beginnen Sie mit der Bearbeitung mit Hooks!

Nachdem Sie nun verstanden haben, wie WordPress-Hooks in WordPress und WooCommerce funktionieren, können Sie die Funktionen, die Sie in Ihrem WooCommerce-Onlineshop benötigen, ganz einfach hinzufügen oder bearbeiten.

Bitte beachten Sie: Vergessen Sie nicht, dass dieser Code immer zu einem untergeordneten Design oder zu einem Website-Anpassungs-Plugin hinzugefügt werden sollte , damit Sie die Änderungen nicht verlieren, wenn Sie Ihr WordPress-Design aktualisieren.

Wenn Sie immer noch etwas unsicher sind, ob Sie Ihren eigenen Code hinzufügen, um Ihren WooCommerce-Shop weiter zu bearbeiten, empfehlen wir Ihnen, das WooCustomizer-Plugin auszuprobieren . Es nimmt alle verfügbaren WooCommerce-Hooks und erstellt eine visuelle Oberfläche, in der der Code bearbeitet werden kann, alles in den WP Customizer integriert, und es bietet noch viel mehr wie Produktstatistiken, Menüelemente zum An- und Abmelden und vieles mehr.