Hook bevor Ähnliche Produkte in WooCommerce

Ich hatte bei WooCommerce-Produkten das Problem, dass mittels Hook eingefügter Text immer nach dem „Related Products“ Widget eingefügt wurde. Diese Lösung hängt sich noch davor ein.

Das Kadence Theme Pro bietet mit den „Elements“ eine elegante und vor allem mächtige Funktion, zusätzliche Elemente auf der Website zu platzieren.

Normalerweise findet sich im Dropdown „Placement“ der passende „Hook“, um das neue Element auch an der gewünschten Stelle zu platzieren. Gerade hatte ich aber den Fall, in dem das nicht so war.

Zur Lösung ohne Kadence springen.

Ziel

Ein neues Element am Ende der Produktbeschreibung, noch vor den ähnlichen WooCommerce-Produkten, platzieren.

Lösung Kadence Elements

Dieses Feature ist nur im Kadence Theme Pro verfügbar. Wechsle dazu nach Design > Kadence > Elements.

Damit du einen Hook einfügen kannst, der nicht vorangelegt ist, musst du unter Placement den letzten Punkt names „Custom Hook“ auswählen.

Darunter erscheint dann ein gleichnamiges Feld, wo du den folgenden Hook als Text einfügst:

woocommerce_after_single_product_summary

Wichtig ist danach noch die Priority 19 einzugeben.

Lösung Standard

Achtung: Führe vorher unbedingt ein Backup aus! Kleinste Fehler können deine Website zerstören.

Am einfachsten kannst du kleine Snippets über ein Code-Snippet-Plugin einfügen und aktivieren. Dafür kannst du wahlweise Code Snippets oder WPCodeBox nutzen.

Wenn du WordPress schon länger nutzt, verwaltest du deine Snippets vielleicht lieber in der functions.php Datei deines Child Themes.

Hier gebe ich einen Paragrafen mit dem Text „Beispiel“ aus.

<?php
function custom_add_text_after_product_summary() {
    echo '<p>Beispiel</p>';
}
add_action('woocommerce_after_single_product_summary', 'custom_add_text_after_product_summary', 19);

Fazit

So einfach fügst du ein Element nach der WooCommerce-Produktbeschreibung und noch vor dem Ähnlichen-Produkte-Widget ein.