WooCommerce bietet eine Vielzahl von Hooks und Filtern, um die Funktionalität eines Online-Shops zu erweitern. Einer dieser Hooks ist der woocommerce_cart_collaterals
. Dieser Hook ist nützlich, wenn du zusätzliche Inhalte oder Funktionen in der Nähe der sogenannten „Cart Collaterals“ einfügen möchtest, die typischerweise Dinge wie den „Zwischensumme“-Abschnitt, Gutscheinfeld oder Versandinformationen enthalten.
In diesem Blog-Beitrag werden wir uns anschauen, wie dieser Hook funktioniert, und einige praktische PHP-Beispiele durchgehen, die zeigen, wie man ihn verwenden kann.
Was ist der woocommerce_cart_collaterals
Hook? #
Der Hook woocommerce_cart_collaterals
wird im Standard-WooCommerce-Template cart/cart.php
aufgerufen. Er wird verwendet, um Inhalte innerhalb des Kollateralbereichs des Warenkorbs einzufügen, der normalerweise den Gesamtsummenbereich und Versandoptionen enthält.
Position des Hooks im Template: #
/** * Cart collaterals hook. * * @hooked woocommerce_cross_sell_display * @hooked woocommerce_cart_totals - 10 */ do_action( 'woocommerce_cart_collaterals' );
Einsatzmöglichkeiten #
Mit diesem Hook kannst du:
- Benutzerdefinierte Hinweise oder Informationen hinzufügen.
- Werbebanner oder Promotions anzeigen.
- Weiterverkauf- oder Cross-Selling-Strategien implementieren.
- Zusätzliche Warenkorb-Empfehlungen anzeigen.
Beispiel 1: Benutzerdefinierte Nachricht in den Collaterals einfügen #
Stellen wir uns vor, du möchtest eine benutzerdefinierte Nachricht hinzufügen, um den Kunden auf besondere Aktionen aufmerksam zu machen. Dies kannst du mit folgendem Code erreichen
add_action( 'woocommerce_cart_collaterals', 'custom_cart_collaterals_message' ); function custom_cart_collaterals_message() { echo '<div class="custom-cart-message">'; echo '<p><strong>Jetzt kaufen und 10% Rabatt auf die nächste Bestellung erhalten!</strong></p>'; echo '</div>'; }
Dieser Code fügt eine einfache benutzerdefinierte Nachricht in den Kollateralbereich des Warenkorbs ein.
Erklärung: #
Der Hook woocommerce_cart_collaterals
wird verwendet, um die benutzerdefinierte Funktion custom_cart_collaterals_message
hinzuzufügen. Innerhalb der Funktion wird eine HTML-Struktur ausgegeben, die die Nachricht enthält.
Beispiel 2: Cross-Selling Produkte anzeigen #
WooCommerce hat eine eingebaute Funktion, um Cross-Selling-Produkte im Warenkorb anzuzeigen. Du kannst die Anzeige der Cross-Selling-Produkte anpassen oder ergänzen, indem du den woocommerce_cart_collaterals
Hook nutzt.
remove_action( 'woocommerce_cart_collaterals', 'woocommerce_cross_sell_display' ); // Entfernt die standardmäßige Anzeige add_action( 'woocommerce_cart_collaterals', 'custom_cross_sell_display' ); function custom_cross_sell_display() { // Zeige maximal 4 Cross-Sell-Produkte an, 2 pro Reihe woocommerce_cross_sell_display( 4, 2 ); }
Erklärung #
Zuerst wird die standardmäßige Cross-Sell-Anzeige mit remove_action
entfernt. Dann wird die benutzerdefinierte Funktion custom_cross_sell_display
hinzugefügt, um bis zu 4 Cross-Selling-Produkte in zwei Reihen anzuzeigen.
Beispiel 3: Werbebanner für eine Sonderaktion hinzufügen #
Falls du eine Sonderaktion oder einen Rabattcode im Warenkorb bewerben möchtest, kannst du mit dem Hook ein Banner einfügen.
add_action( 'woocommerce_cart_collaterals', 'custom_promo_banner' ); function custom_promo_banner() { echo '<div class="promo-banner">'; echo '<img src="https://yourwebsite.com/promo-banner.jpg" alt="Sonderaktion" />'; echo '<p>Verwenden Sie den Code <strong>SALE20</strong> und sparen Sie 20%!</p>'; echo '</div>'; }
Erklärung: #
Die Funktion custom_promo_banner
fügt ein Bild sowie einen Hinweis auf eine Sonderaktion mit einem Rabattcode in den Kollateralbereich ein. Dies kann nützlich sein, um die Aufmerksamkeit auf aktuelle Aktionen zu lenken.
Fazit #
Der woocommerce_cart_collaterals
Hook bietet eine flexible Möglichkeit, zusätzliche Inhalte oder Funktionen in den Warenkorbbereich deines WooCommerce-Shops zu integrieren. Ob du Informationen hinzufügen, Cross-Selling-Produkte anzeigen oder Aktionen bewerben möchtest – dieser Hook hilft dir, den Checkout-Prozess weiter zu personalisieren und zu optimieren.
Durch die einfache Handhabung mit PHP können diese Anpassungen schnell und effizient umgesetzt werden, um das Einkaufserlebnis für deine Kunden zu verbessern.
Kommentare