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