WooCommerce Code Reference<\/a>. Diese Online-Referenz listet alle verf\u00fcgbaren Aktions- und Filter-Hooks in WooCommerce auf, zusammen mit einer Beschreibung, was sie tun und welche Parameter sie akzeptieren. Sie k\u00f6nnen nach Hooks nach Namen suchen oder nach Kategorie suchen, um den gew\u00fcnschten Hook zu finden. <\/p>\n\nVisuelle Anleitung zu WooCommerce-Hooks <\/h2>\n\n
Nachdem Sie nun ein solides Verst\u00e4ndnis daf\u00fcr haben, wie WooCommerce-Hooks funktionieren, lassen Sie uns einen visuellen Rundgang durch einige h\u00e4ufig verwendete Hooks in verschiedenen Teilen eines WooCommerce-Shops machen. <\/p>\n\n
In diesem Abschnitt geht es um Hooks, die auf einzelnen Produktseiten, Warenkorb- und Checkout-Seiten sowie Konto- und Archivseiten zu finden sind. <\/p>\n\n
Hooks in WooCommerce einzelnen Produktseiten <\/h3>\n\n
Einzelne Produktseiten sind die Orte, an denen Ihre Kunden detaillierte Informationen zu einem bestimmten Produkt anzeigen. WooCommerce bietet mehrere Hooks, mit denen Sie das Layout und den Inhalt dieser Seiten anpassen k\u00f6nnen. <\/p>\n\n
Einige beliebte Hooks f\u00fcr einzelne Produktseiten sind: <\/p>\n\n
1. ‚wooCommerce_before_single_product<\/strong>‚: Dieser Hook wird vor dem Inhalt des einzelnen Produkts ausgel\u00f6st. Es ist ein guter Ort, um benutzerdefinierte Inhalte \u00fcber dem Produkttitel hinzuzuf\u00fcgen, z. B. ein Banner oder eine Nachricht. <\/p>\n\n2. ‚wooCommerce_single_product_summary<\/strong>‚: Mit diesem Hook k\u00f6nnen Sie Inhalte innerhalb des Produkt\u00fcbersichtsbereichs hinzuf\u00fcgen, der den Titel, den Preis, die Beschreibung und die Schaltfl\u00e4che „In den Warenkorb“ enth\u00e4lt. Sie k\u00f6nnen diesen Haken verwenden, um die Reihenfolge der Elemente zu \u00e4ndern oder zus\u00e4tzliche Informationen einzuf\u00fcgen. <\/p>\n\nAnwendungsbeispiel<\/strong>:<\/p>\n\nadd_action( 'wooCommerce_single_product_summary', 'custom_product_stock_status', 15 ); \n \nfunction custom_product_stock_status() { \n global $product; \n if ( $product->is_in_stock() ) { \n echo '<p class=\"stock-status in-stock\">In stock and ready to ship!<\/p>'; \n } else { \n echo '<p class=\"stock-status out-of-stock\">Currently out of stock. Check back soon!<\/p>'; \n } \n} <\/code><\/pre>\n\n3. „wooCommerce_after_single_product_summary<\/strong>„: Verwenden Sie diesen Hook, um Inhalte unterhalb der Produkt\u00fcbersicht hinzuzuf\u00fcgen, z. B. verwandte Produkte, Upsells oder benutzerdefinierte Produktregisterkarten. Dieser Bereich eignet sich perfekt f\u00fcr die Anzeige zus\u00e4tzlicher Informationen, die Kunden helfen k\u00f6nnen, fundierte Kaufentscheidungen zu treffen. <\/p>\n\n4. ‚wooCommerce_product_thumbnails<\/strong>‚: Dieser Haken wird in der Produktbildergalerie ausgel\u00f6st. Sie k\u00f6nnen es verwenden, um das Erscheinungsbild von Miniaturbildern zu \u00e4ndern oder benutzerdefinierte Inhalte hinzuzuf\u00fcgen. <\/p>\n\nHooks f\u00fcr Warenkorb- und Checkout-Seiten <\/h3>\n\n
Die Warenkorb- und Checkout-Seiten sind wichtige Schritte in der Customer Journey. Sie stellen die letzten Phasen des Kaufprozesses dar, in denen Kunden ihre Bestellungen \u00fcberpr\u00fcfen, Versand- und Zahlungsoptionen ausw\u00e4hlen und ihre Transaktionen abschlie\u00dfen. WooCommerce bietet mehrere Hooks, mit denen Sie diese Seiten f\u00fcr ein reibungsloseres und benutzerfreundlicheres Erlebnis optimieren k\u00f6nnen. <\/p>\n\n
Zu den wichtigsten Hooks f\u00fcr Warenkorb- und Checkout-Seiten geh\u00f6ren: <\/p>\n\n
1. ‚wooCommerce_before_cart<\/strong>‚: Dieser Haken feuert vor dem Wagentisch. Verwenden Sie diese Option, um benutzerdefinierte Inhalte oder Werbeaktionen \u00fcber dem Warenkorb hinzuzuf\u00fcgen. <\/p>\n\n2. ‚wooCommerce_cart_totals_before_shipping<\/strong>‚: Mit diesem Hook k\u00f6nnen Sie Inhalte vor den Versandoptionen im Bereich der Warenkorbsummen hinzuf\u00fcgen. Es ist ein guter Ort, um versandbezogene Nachrichten oder Werbeaktionen anzuzeigen. <\/p>\n\nAnwendungsbeispiel<\/strong>: <\/p>\n\nadd_action( 'wooCommerce_cart_totals_before_shipping', 'custom_shipping_message' ); \n \nfunction custom_shipping_message() { \n echo '<p class=\"shipping-message\">Free shipping on orders over $50!<\/p>'; \n} <\/code><\/pre>\n\n3. „wooCommerce_review_order_before_submit<\/strong>„: Verwenden Sie diesen Hook, um Inhalte vor der Schaltfl\u00e4che „Bestellung aufgeben“ auf der Checkout-Seite hinzuzuf\u00fcgen, z. B. ein Kontrollk\u00e4stchen f\u00fcr eine benutzerdefinierte Vereinbarung oder Vertrauensabzeichen. <\/p>\n\n4. „woocommerce_checkout_after_customer_details<\/strong>„: Dieser Hook wird nach dem Abschnitt mit den Kundendetails auf der Checkout-Seite ausgel\u00f6st. Sie k\u00f6nnen es verwenden, um benutzerdefinierte Felder hinzuzuf\u00fcgen oder den Checkout in mehrere Schritte aufzuteilen. <\/p>\n\nHooks in WooCommerce-Konto- und Archivseiten <\/h3>\n\n
WooCommerce-Kontoseiten erm\u00f6glichen es Kunden, ihre Bestellungen einzusehen, ihre Adressen zu verwalten und andere kontobezogene Aufgaben auszuf\u00fchren. Auf Archivseiten, wie z. B. den Shop- und Kategorieseiten, werden Produktlisten angezeigt. WooCommerce bietet auch Hooks, um diese Seiten anzupassen. <\/p>\n\n
Einige n\u00fctzliche Hooks f\u00fcr Konto- und Archivseiten sind: <\/p>\n\n
1. ‚woocommerce_before_account_navigation<\/strong>‚: Dieser Hook wird vor dem Navigationsmen\u00fc des Kontos ausgel\u00f6st. Verwenden Sie diese Option, um benutzerdefinierte Men\u00fcelemente oder Inhalte \u00fcber der Navigation hinzuzuf\u00fcgen. <\/p>\n\n2. „woocommerce_after_account_orders<\/strong>„: Verwenden Sie diesen Hook, um benutzerdefinierte Inhalte nach der Bestelltabelle auf der Kontoseite anzuzeigen, z. B. eine Nachricht, die Kunden dazu auffordert, Bewertungen abzugeben. <\/p>\n\nAnwendungsbeispiel:<\/strong><\/p>\n\nadd_action( 'woocommerce_after_account_orders', 'custom_account_message' ); \n \nfunction custom_account_message() { \n echo '<p class=\"account-message\">Thank you for your orders! Please leave a review for the products you purchased.<\/p>'; \n} <\/code><\/pre>\n\n3. ‚woocommerce_before_shop_loop<\/strong>‚: Dieser Hook wird vor der Produktschleife auf Archivseiten ausgel\u00f6st. Verwenden Sie es, um benutzerdefinierte Filter, Sortieroptionen oder Werbeinhalte hinzuzuf\u00fcgen. <\/p>\n\n4. „woocommerce_after_shop_loop_item<\/strong>„: Verwenden Sie diesen Hook, um Inhalte nach jedem Produkt in der Schleife einzuf\u00fcgen, z. B. eine benutzerdefinierte Schaltfl\u00e4che „Schnellansicht“ oder eine zus\u00e4tzliche Produktmeta. <\/p>\n\nG\u00e4ngige WooCommerce-Hooks, die Sie kennen sollten <\/h2>\n\n
WooCommerce bietet eine gro\u00dfe Auswahl an Hooks, mit denen Sie fast jeden Aspekt Ihres Online-Shops anpassen k\u00f6nnen. Konzentrieren wir uns nun auf einige der am h\u00e4ufigsten verwendeten Action- und Filter-Hooks. Diese Hooks sind unerl\u00e4sslich, um die Funktionalit\u00e4t und das Erscheinungsbild Ihres WooCommerce-Shops zu \u00e4ndern. <\/p>\n\n
H\u00e4ufig verwendete Action-Hooks <\/h3>\n\n
Action-Hooks werden verwendet, um Funktionen an bestimmten Punkten im WooCommerce-Prozess hinzuzuf\u00fcgen oder zu \u00e4ndern. Sie erm\u00f6glichen es Ihnen, benutzerdefinierte Inhalte einzuf\u00fcgen, das Verhalten bestimmter Funktionen zu \u00e4ndern oder zus\u00e4tzliche Aktionen basierend auf bestimmten Ereignissen auszul\u00f6sen. <\/p>\n\n
1. ‚woocommerce_before_main_content<\/strong>‚: Dieser Hook wird ausgel\u00f6st, bevor der Hauptinhalt von WooCommerce angezeigt wird. Es ist ein guter Ort, um benutzerdefinierte Inhalte hinzuzuf\u00fcgen, die \u00fcber der Produktschleife auf Shop-Seiten oder \u00fcber den Produktdetails auf einzelnen Produktseiten erscheinen. <\/p>\n\nAnwendungsbeispiel:<\/strong> <\/p>\n\nadd_action( 'woocommerce_before_main_content', 'custom_content_before_main' ); \n \nfunction custom_content_before_main() { \n echo '<div class=\"custom-content\">Check out our latest products!<\/div>'; \n}<\/code><\/pre>\n\n2. ‚woocommerce_after_shop_loop_item<\/strong>‚: Dieser Hook wird nach jedem Produkt in der Shop-Schleife ausgel\u00f6st. Verwenden Sie diese Option, um benutzerdefinierte Inhalte oder Schaltfl\u00e4chen unterhalb des Produkttitels oder des Preises hinzuzuf\u00fcgen. <\/p>\n\nAnwendungsbeispiel<\/strong>:<\/p>\n\nadd_action( 'woocommerce_after_shop_loop_item', 'custom_button_after_product' ); \n \nfunction custom_button_after_product() { \n echo '<a href=\"#\" class=\"custom-button\">Buy Now<\/a>'; \n} <\/code><\/pre>\n\n3. ‚woocommerce_before_cart<\/strong>‚: Dieser Hook wird vor der Warenkorbtabelle auf der Warenkorbseite ausgel\u00f6st. Es ist ein idealer Ort, um benutzerdefinierte Nachrichten, Werbeaktionen oder zus\u00e4tzliche Inhalte im Zusammenhang mit dem Warenkorb anzuzeigen. <\/p>\n\nAnwendungsbeispiel<\/strong>:<\/p>\n\nadd_action( 'woocommerce_before_cart', 'custom_message_before_cart' ); \n \nfunction custom_message_before_cart() { \n echo '<div class=\"custom-message\">Spend $50 or more for free shipping!<\/div>'; \n} <\/code><\/pre>\n\n4. „woocommerce_checkout_before_customer_details<\/strong>„: Verwenden Sie diesen Hook, um benutzerdefinierte Inhalte vor dem Abschnitt „Kundendetails“ auf der Checkout-Seite hinzuzuf\u00fcgen. Dies ist ein guter Ort, um einen Fortschrittsbalken, eine Meldung \u00fcber erforderliche Felder oder einen Link zu Ihrer Datenschutzerkl\u00e4rung anzuzeigen. <\/p>\n\n5. ‚woocommerce_checkout_order_review<\/strong>‚: Dieser Hook wird auf der Checkout-Seite im Bereich der Bestell\u00fcberpr\u00fcfung ausgel\u00f6st. Verwenden Sie diese Option, um das Erscheinungsbild der Bestellzusammenfassung zu \u00e4ndern oder benutzerdefinierte Inhalte hinzuzuf\u00fcgen, die sich auf die Bestellung beziehen. <\/p>\n\nAnwendungsbeispiel<\/strong>:<\/p>\n\nadd_action( 'woocommerce_checkout_order_review', 'custom_order_review_content' ); \n \nfunction custom_order_review_content() { \n echo '<div class=\"custom-order-review\">Your order will be processed within 1-2 business days.<\/div>'; \n}<\/code><\/pre>\n\n6. ‚woocommerce_email_header<\/strong>‚: Mit diesem Hook k\u00f6nnen Sie den Header von WooCommerce-E-Mail-Vorlagen \u00e4ndern. Verwenden Sie es, um benutzerdefinierte Inhalte hinzuzuf\u00fcgen, das Logo zu \u00e4ndern oder das Styling des E-Mail-Headers anzupassen. <\/p>\n\n7. ‚woocommerce_email_footer<\/strong>‚: \u00c4hnlich wie der E-Mail-Header-Hook k\u00f6nnen Sie mit diesem Hook die Fu\u00dfzeile von WooCommerce-E-Mail-Vorlagen anpassen. F\u00fcgen Sie benutzerdefinierte Inhalte und Social-Media-Links hinzu oder \u00e4ndern Sie das Styling, um es an Ihre Marke anzupassen. <\/p>\n\nBeliebte Filterhaken <\/h3>\n\n
Filter-Hooks werden verwendet, um Daten zu \u00e4ndern, bevor sie von WooCommerce angezeigt oder verarbeitet werden. Sie erm\u00f6glichen es Ihnen, den Inhalt bestimmter Elemente zu \u00e4ndern, das Verhalten bestimmter Funktionen zu \u00e4ndern oder Daten zu bearbeiten, bevor sie gespeichert oder abgerufen werden. <\/p>\n\n
1. ‚woocommerce_product_title<\/strong>‚: Mit diesem Hook k\u00f6nnen Sie den Produkttitel \u00e4ndern, bevor er auf der einzelnen Produktseite oder in der Shop-Schleife angezeigt wird. <\/p>\n\nAnwendungsbeispiel<\/strong>:<\/p>\n\nadd_filter( 'woocommerce_product_title', 'custom_product_title' ); \n \nfunction custom_product_title( $title ) { \n return 'Best ' . $title . ' Available!'; \n} <\/code><\/pre>\n\n2. „woocommerce_product_tabs<\/strong>„: Verwenden Sie diesen Haken, um die Registerkarten auf der einzelnen Produktseite hinzuzuf\u00fcgen, zu entfernen oder neu anzuordnen. Sie k\u00f6nnen benutzerdefinierte Registerkarten erstellen oder den Inhalt vorhandener Registerkarten \u00e4ndern. <\/p>\n\nAnwendungsbeispiel<\/strong>:<\/p>\n\nadd_filter( 'woocommerce_product_tabs', 'custom_product_tab' ); \n \nfunction custom_product_tab( $tabs ) { \n $tabs['custom_tab'] = array( \n 'title' => 'Custom Tab', \n 'priority' => 50, \n 'callback' => 'custom_tab_content' \n ); \n return $tabs; \n} \n \nfunction custom_tab_content() { \n echo '<h2>Custom Tab Content<\/h2>'; \n echo '<p>This is the content of the custom tab.<\/p>'; \n} <\/code><\/pre>\n\n3. ‚woocommerce_add_to_cart_redirect<\/strong>‚: Mit diesem Hook k\u00f6nnen Sie die Weiterleitungs-URL \u00e4ndern, nachdem ein Produkt in den Warenkorb gelegt wurde. Verwenden Sie es, um Kunden auf eine bestimmte Seite umzuleiten, z. B. eine Cross-Selling- oder Upselling-Seite. <\/p>\n\nAnwendungsbeispiel<\/strong>:<\/p>\n\nadd_filter( 'woocommerce_add_to_cart_redirect', 'custom_add_to_cart_redirect' ); \n \nfunction custom_add_to_cart_redirect( $url ) { \n return get_permalink( 123 ); \/\/ Replace 123 with the ID of the desired redirect page \n}<\/code><\/pre>\n\n4. ‚woocommerce_cart_totals<\/strong>‚: Verwenden Sie diesen Hook, um die Warenkorbsummen zu \u00e4ndern, bevor sie auf den Warenkorb- und Checkout-Seiten angezeigt werden. Sie k\u00f6nnen benutzerdefinierte Summen hinzuf\u00fcgen, vorhandene Summen \u00e4ndern oder die Reihenfolge \u00e4ndern, in der sie angezeigt werden. <\/p>\n\nAnwendungsbeispiel<\/strong>:<\/p>\n\nadd_filter( 'woocommerce_cart_totals', 'custom_cart_totals' ); \n \nfunction custom_cart_totals( $totals ) { \n $totals['custom_total'] = array( \n 'label' => 'Custom Total', \n 'value' => '10.00' \n ); \n return $totals; \n}<\/code><\/pre>\n\n5. ‚woocommerce_product_related_posts_query<\/strong>‚: Mit diesem Hook k\u00f6nnen Sie die Abfrage f\u00fcr verwandte Produkte auf der einzelnen Produktseite \u00e4ndern. Verwenden Sie diese Option, um die Anzahl der verwandten Produkte zu \u00e4ndern, sie nach bestimmten Kriterien zu filtern oder die Reihenfolge zu \u00e4ndern, in der sie angezeigt werden. <\/p>\n\n6. ‚woocommerce_checkout_fields<\/strong>‚: Verwenden Sie diesen Haken, um die Checkout-Felder hinzuzuf\u00fcgen, zu entfernen oder zu \u00e4ndern. Sie k\u00f6nnen benutzerdefinierte Felder erstellen, die Feldbeschriftungen \u00e4ndern oder die Feldvalidierungsregeln anpassen. <\/p>\n\nAnwendungsbeispiel<\/strong>:<\/p>\n\nadd_filter( 'woocommerce_checkout_fields', 'custom_checkout_fields' ); \n \nfunction custom_checkout_fields( $fields ) { \n $fields['billing']['custom_field'] = array( \n 'label' => 'Custom Field', \n 'required' => true, \n 'clear' => true, \n 'type' => 'text', \n 'class' => array( 'form-row-wide' ) \n ); \n return $fields; \n} <\/code><\/pre>\n\n7. ‚woocommerce_payment_gateways<\/strong>‚: Mit diesem Hook k\u00f6nnen Sie die verf\u00fcgbaren Zahlungsgateways hinzuf\u00fcgen, entfernen oder \u00e4ndern. Verwenden Sie diese Option, um benutzerdefinierte Zahlungsmethoden zu erstellen oder die Reihenfolge zu \u00e4ndern, in der die Gateways angezeigt werden. <\/p>\n\nPraktische Beispiele f\u00fcr die Verwendung von WooCommerce-Hooks <\/h2>\n\n
Nachdem Sie nun mit einigen der g\u00e4ngigsten WooCommerce-Hooks vertraut sind, sehen wir uns praktische Beispiele an, wie Sie sie zur Anpassung Ihres Online-Shops verwenden k\u00f6nnen. Wir behandeln das Hinzuf\u00fcgen von benutzerdefinierten Inhalten mithilfe von Action-Hooks, das \u00c4ndern der Ausgabe mit Filter-Hooks und reale Anwendungsf\u00e4lle f\u00fcr WooCommerce-Hooks. <\/p>\n\n
Hinzuf\u00fcgen von benutzerdefinierten Inhalten mithilfe von Action-Hooks <\/h3>\n\n
Action-Hooks erm\u00f6glichen es Ihnen, benutzerdefinierte Inhalte an bestimmten Stellen in Ihrem WooCommerce-Shop einzuf\u00fcgen. Im Folgenden finden Sie einige Beispiele f\u00fcr die Verwendung von Aktions-Hooks zum Hinzuf\u00fcgen von benutzerdefinierten Inhalten: <\/p>\n\n
Beispiel 1: Hinzuf\u00fcgen einer benutzerdefinierten Nachricht zur Warenkorbseite<\/em><\/strong> <\/h4>\n\nadd_action( 'woocommerce_before_cart', 'custom_cart_message' ); \n \nfunction custom_cart_message() { \n echo '<div class=\"custom-message\">Thank you for shopping with us! Please review your cart before proceeding to checkout.<\/div>'; \n} <\/code><\/pre>\n\nIn diesem Beispiel verwenden wir den Hook „woocommerce_before_cart<\/strong>„, um eine benutzerdefinierte Nachricht \u00fcber der Warenkorbtabelle hinzuzuf\u00fcgen. Die Nachricht bedankt sich beim Kunden f\u00fcr den Einkauf und erinnert ihn daran, seinen Warenkorb zu \u00fcberpr\u00fcfen, bevor er zur Kasse geht. <\/p>\n\nBeispiel 2: Einf\u00fcgen eines Banners auf der Shop-Seite<\/em><\/strong> <\/h4>\n\nadd_action( 'woocommerce_before_main_content', 'custom_shop_banner' ); \n \nfunction custom_shop_banner() { \n echo '<div class=\"custom-banner\"> \n <img src=\"path\/to\/banner-image.jpg\" alt=\"Shop Banner\"> \n <h2>Welcome to our shop!<\/h2> \n <p>Discover our latest products and special offers.<\/p> \n <\/div>'; \n}<\/code><\/pre>\n\nHier verwenden wir den „woocommerce_before_main_content<\/strong>„-Hook, um ein benutzerdefiniertes Banner auf der Shop-Seite einzuf\u00fcgen. Das Banner enth\u00e4lt ein Bild, eine Willkommensnachricht und einen Call-to-Action, um die Kunden zu ermutigen, den Shop zu erkunden. <\/p>\n\nBeispiel 3: Hinzuf\u00fcgen einer benutzerdefinierten Registerkarte zur einzelnen Produktseite<\/em><\/strong> <\/h4>\n\nadd_action( 'woocommerce_product_tabs', 'custom_product_tab' ); \n \nfunction custom_product_tab( $tabs ) { \n $tabs['custom_tab'] = array( \n 'title' => 'Custom Tab', \n 'priority' => 50, \n 'callback' => 'custom_tab_content' \n ); \n return $tabs; \n} \n \nfunction custom_tab_content() { \n echo '<h2>Custom Tab Content<\/h2>'; \n echo '<p>This is the content of the custom tab.<\/p>'; \n} <\/code><\/pre>\n\nIn diesem Beispiel verwenden wir den Hook „woocommerce_product_tabs<\/strong>„, um der einzelnen Produktseite einen benutzerdefinierten Tab hinzuzuf\u00fcgen. Die Funktion „custom_product_tab<\/strong>“ f\u00fcgt einen neuen Tab mit einer Titel-, Priorit\u00e4ts- und Callback-Funktion hinzu. <\/p>\n\nDie Funktion „custom_tab_content<\/strong>“ definiert den Inhalt, der angezeigt wird, wenn auf den benutzerdefinierten Tab geklickt wird. <\/p>\n\n\u00c4ndern der Ausgabe mit Filter-Hooks <\/h3>\n\n
Mit Filter-Hooks k\u00f6nnen Sie Daten \u00e4ndern, bevor sie von WooCommerce angezeigt oder verarbeitet werden. Im Folgenden finden Sie einige Beispiele f\u00fcr die Verwendung von Filter-Hooks zum \u00c4ndern der Ausgabe: <\/p>\n\n
Beispiel 1: \u00c4ndern des Textes der Schaltfl\u00e4che „In den Warenkorb“<\/strong><\/em> <\/h4>\n\nadd_filter( 'woocommerce_product_single_add_to_cart_text', 'custom_add_to_cart_text' ); \n \nfunction custom_add_to_cart_text() { \n return 'Buy Now'; \n} <\/code><\/pre>\n\nIn diesem Beispiel verwenden wir den Filter „woocommerce_product_single_add_to_cart_text<\/strong>„, um den Text der Schaltfl\u00e4che „In den Warenkorb“ auf der einzelnen Produktseite zu \u00e4ndern. Die Funktion „custom_add_to_cart_text<\/strong>“ gibt den neuen Schaltfl\u00e4chentext zur\u00fcck, der in diesem Fall „Jetzt kaufen“ lautet. <\/p>\n\nBeispiel 2: \u00c4ndern der Checkout-Felder<\/em><\/strong><\/h4>\n\nadd_filter( 'woocommerce_checkout_fields', 'custom_checkout_fields' ); \n \nfunction custom_checkout_fields( $fields ) { \n \/\/ Remove the \"Company\" field \n unset( $fields['billing']['billing_company'] ); \n \n \/\/ Make the \"Phone\" field required \n $fields['billing']['billing_phone']['required'] = true; \n \n \/\/ Add a custom field \n $fields['billing']['custom_field'] = array( \n 'label' => 'Custom Field', \n 'required' => true, \n 'clear' => true, \n 'type' => 'text', \n 'class' => array( 'form-row-wide' ) \n ); \n \n return $fields; \n} <\/code><\/pre>\n\nHier verwenden wir den Filter „woocommerce_checkout_fields<\/strong>„, um die Checkout-Felder zu \u00e4ndern. Die Funktion „custom_checkout_fields<\/strong>“ entfernt das Feld „Firma“, macht das Feld „Telefon“ zu einem Pflichtfeld und f\u00fcgt dem Abrechnungsbereich ein benutzerdefiniertes Feld hinzu. <\/p>\n\n