WooCommerce – So kannst du die Checkout-Felder anpassen

Geschrieben von janine am 5. Dezember 2016

Du kannst die Checkout-Felder anpassen, indem du auf den Filter woocommerce_checkout_fields zurück greifst. Der Filter erlaubt es dir, die Ausgabe der Checkout-Felder von WooCommerce komplett zu verändern. Im übergebenen Array $fields werden alle Eigenschaften zu den Checkout-Feldern gespeichert:

type: Feldtyp (text, textarea, password oder select)
label: Label für das Feld
placeholder: Platzhalter für das Feld
class: Klasse für das Feld
required: Pflichtfeld (true oder false)
clear: Clearfix auf das Feld/Label anwenden (true oder false)
label_class: Klasse für das Label des Felds
options: Array mit Optionen für Select-Felder (key => value)

In diesem Beitrag zeigen wir dir verschiedene Beispiele, wie du die Checkout-Felder anpassen kannst.

Checkout-Felder entfernen

Um ein Checkout-Feld zu entfernen, kannst du die Funktion unset verwenden. Übergebe dazu einfach den Schlüssel des jeweiligen Felds, um es zu entfernen:

/**
 * WooCommerce - Checkout-Felder entfernen
 * https://wp-bibel.de/tutorial/woocommerce-checkout-felder-anpassen
 */

add_filter( 'woocommerce_checkout_fields' , 'wp_bibel_de_remove_checkout_fields' );

function wp_bibel_de_remove_checkout_fields( $fields ) {
	unset($fields['billing']['billing_first_name']);
	unset($fields['billing']['billing_last_name']);
	unset($fields['billing']['billing_company']);
	unset($fields['billing']['billing_address_1']);
	unset($fields['billing']['billing_address_2']);
	unset($fields['billing']['billing_city']);
	unset($fields['billing']['billing_postcode']);
	unset($fields['billing']['billing_country']);
	unset($fields['billing']['billing_state']);
	unset($fields['billing']['billing_email']);
	unset($fields['billing']['billing_phone']);
	
	unset($fields['shipping']['shipping_first_name']);
	unset($fields['shipping']['shipping_last_name']);
	unset($fields['shipping']['shipping_company']);
	unset($fields['shipping']['shipping_address_1']);
	unset($fields['shipping']['shipping_address_2']);
	unset($fields['shipping']['shipping_city']);
	unset($fields['shipping']['shipping_postcode']);
	unset($fields['shipping']['shipping_country']);
	unset($fields['shipping']['shipping_state']);
	
	unset($fields['account']['account_username']);
	unset($fields['account']['account_password']);
	unset($fields['account']['account_password-2']);
	
	unset($fields['order']['order_comments']);

	return $fields;
}

Checkout-Felder umbenennen

Du kannst die Checkout-Felder umbenennen, indem du den Text für das Label und den Platzhalter anpasst:

/**
 * WooCommerce - Checkout-Felder umbenennen
 * https://wp-bibel.de/tutorial/woocommerce-checkout-felder-anpassen
 */

add_filter( 'woocommerce_checkout_fields' , 'wp_bibel_de_rename_checkout_fields' );

function wp_bibel_de_rename_checkout_fields( $fields ) {
	$fields['billing']['billing_phone']['label'] = 'Mobile Phone Number';
	$fields['billing']['billing_phone']['placeholder'] = 'Your Mobile Phone Number';

	return $fields;
}

Feldtypen der Checkout-Felder ändern

Den Feldtypen eines Checkout-Feldes kannst du ändern, indem du den Typen für das Feld überschreibst:

/**
 * WooCommerce - Feldtypen der Checkout-Felder ändern
 * https://wp-bibel.de/tutorial/woocommerce-checkout-felder-anpassen
 */

add_filter( 'woocommerce_checkout_fields' , 'wp_bibel_de_change_checkout_fields_types' );

function wp_bibel_de_change_checkout_fields_types( $fields ) {
	$fields['order']['order_comments']['type'] = 'text';

	return $fields;
}

Individuelle CSS-Klassen für Checkout-Felder und Label

Solltest du für das Styling der Felder und Label weitere Klassen benötigen, kannst du die Eigenschaften class und label_class anpassen. Die CSS-Klassen werden jeweils in einem Array gespeichert. Um das entsprechende Array um ein Element zu erweitern, kannst du die Funktion array_push verwenden.

/**
 * WooCommerce - Individuelle CSS-Klassen für Checkout-Felder und Label
 * https://wp-bibel.de/tutorial/woocommerce-checkout-felder-anpassen
 */

add_filter( 'woocommerce_checkout_fields' , 'wp_bibel_de_checkout_fields_classes' );

function wp_bibel_de_checkout_fields_classes( $fields ) {
	array_push($fields['billing']['billing_phone']['class'], 'custom-field-class');
	array_push($fields['billing']['billing_phone']['label_class'], 'custom-label-class');

	return $fields;
}

Checkout-Felder hinzufügen

Um ein eigenes Checkout-Feld hinzuzufügen, kannst du das Array $fields um ein eigenes Element erweitern.

/**
 * WooCommerce - Checkout-Felder hinzufügen
 * https://wp-bibel.de/tutorial/woocommerce-checkout-felder-anpassen
 */

add_filter( 'woocommerce_checkout_fields' , 'wp_bibel_de_add_checkout_fields' );

function wp_bibel_de_add_checkout_fields( $fields ) {
	 $fields['shipping']['shipping_phone'] = array(
		'label' => 'Phone',
		'placeholder' => 'Phone',
		'required' => false,
		'class' => array('form-row-wide'),
		'clear' => true
	);

	 return $fields;
}

Damit du die Eingaben im Backend bei der jeweiligen Bestellung einsehen kannst, greifst du auf den Action-Hook woocommerce_admin_order_data_after_shipping_address zurück. Mit Hilfe des übergegeben Parameter $order und der Funktion get_post_meta kannst du die Daten der Bestellung auslesen und diese ausgeben.

add_action( 'woocommerce_admin_order_data_after_shipping_address', 'wp_bibel_de_add_custom_order_data', 10, 1 );

function wp_bibel_de_add_custom_order_data( $order ) {
    echo get_post_meta( $order->get_id(), '_shipping_phone', true );
}

Checkout-Field Editor von WooCommerce

Alternativ kannst du den Checkout Field Editor von WooThemes verwenden, um die Felder anzupassen. Nach der Installation des Premium Plugins kannst du die Checkout-Felder bequem über das Backend hinzufügen, bearbeiten und entfernen.

Solltest du hierbei Hilfe benötigen, melde dich gerne bei uns. Am Besten per E-Mail an kontakt@wp-bibel.de. Wir unterstützen dich hier gerne.

54 Kommentare zu “WooCommerce – So kannst du die Checkout-Felder anpassen”

Anna sagt:

18. Juni 2017 um 21:39 Uhr

Hallo. Wo kommt der code hin? Bei mir funktioniert es nämlich nicht.
Gruß Anna
1. janine sagt:
  
  19. Juni 2017 um 10:17 Uhr
  
  Hallo Anna,
  
  vielen Dank für deinen Kommentar.
  
  Du kannst das Snippet in die Datei functions.php deines aktivierten Themes kopieren. Dazu verwendest du am Besten ein Child-Theme, damit die Änderung bei einem Update deines Themes nicht verloren geht.
  
  Hast du bereits ein Child-Theme erstellt?
  
  Viele Grüße,
  Janine

Hi Janine,

Hast du vielleicht eine Idee wie ich beim Kasse das Telefon als Pflichtfeld machen kann?
Zurzeit ist es Optional.

Viele Grüsse
Ilias

Hallo Ilias,

vielen Dank für deinen Kommentar.

Um das Feld als Pflichtfeld zu definieren, kannst du required den Wert true zuweisen:

/**
 * WooCommerce - Checkout-Felder hinzufügen
 * https://wp-bibel.de/tutorial/woocommerce-checkout-felder-anpassen
 */

add_filter( 'woocommerce_checkout_fields' , 'wp_bibel_de_add_checkout_fields' );

function wp_bibel_de_add_checkout_fields( $fields ) {
	 $fields['shipping']['shipping_phone'] = array(
		'label' => 'Phone',
		'placeholder' => 'Phone',
		'required' => true,
		'class' => array('form-row-wide'),
		'clear' => true
	);

	return $fields;
}

Viele Grüße,
Janine

Tim sagt:

16. August 2017 um 12:29 Uhr

Hallo Janine,

vielen Dank für diesen super Beitrag! Ich habe mir alleine echt einen abgefummelt. 😉 Bei mir funktioniert Dein Quelltext super!

Weißt Du rein zufällig, wie ich es hin bekomme, dass die Felder nicht durch den Kunden editierbar, also geschützt, sind? Geht das auch?

Viele Grüße und schon einmal danke,
Tim.
1. janine sagt:
  
  24. August 2017 um 11:22 Uhr
  Hallo Tim,
  
  vielen lieben Dank für dein Feedback!
  
  Das ist eine sehr gute Frage. Du könntest das Attribut disabled dazu verwenden.
  
  Hier findest du ein Beispiel für das Telefon-Feld:
```
/**
 * WooCommerce - Checkout-Felder deaktivieren
 * https://wp-bibel.de/tutorial/woocommerce-checkout-felder-anpassen
 */

add_filter( 'woocommerce_checkout_fields' , 'wp_bibel_de_disable_checkout_fields' );

function wp_bibel_de_disable_checkout_fields( $fields ) {
	$fields['billing']['billing_phone']['custom_attributes'] = array(
		'disabled' => true
	);

	return $fields;
}
```
  Ich hoffe, dass dir das Snippet weiterhilft.
  
  Viele Grüße,
  Janine

Hallo Janine,

vielen Dank für deine Hilfe! Das Ausblenden eines Feldes hat schonmal super geklappt!

Ich würde nun gerne zwei Felder hinzufügen.

Einmal ein Feld „Titel“ mit der Möglichkeit Titel (Dr., Prof. etc.) auszuwählen. Wäre die Basis schonmal richtig?

add_filter( 'woocommerce_checkout_fields' , 'wp_bibel_de_add_checkout_fields' );

function wp_bibel_de_add_checkout_fields( $fields ) {
	 $fields['billing']['billing_title'] = array(
		'label' => 'Titel',
		'placeholder' => 'Titel',
		'required' => false,
		'class' => array('form-row-wide'),
		'clear' => true
	);

	 return $fields;
}

add_action( 'woocommerce_admin_order_data_after_shipping_address', 'wp_bibel_de_add_custom_order_data', 10, 1 );

function wp_bibel_de_add_custom_order_data( $order ) {
    echo get_post_meta( $order->id, '_shipping_phone', true );
}

Ein Feld wird mir zwar angezeigt, jedoch nicht später bei der Zusammenfassung der Daten bevor der Kunde die Bestellung abschickt?

Viele Grüße
Stefan

Hallo Stefan,

vielen Dank für deinen Kommentar.

Falls du ein Textfeld verwenden möchtest, kannst du das Snippet so verwenden.
In Zeile 18 solltest du jedoch _shipping_phone noch durch _billing_title ersetzen.

Wenn du lieber ein Auswahlmenü verwenden möchtest, kannst du den type des Felds auf select setzen. Über options kannst du dann die Optionen (Dr., Prof., …) festlegen.
Das könnte zum Beispiel so aussehen:

/**
 * WooCommerce - Checkout-Felder hinzufügen
 * https://wp-bibel.de/tutorial/woocommerce-checkout-felder-anpassen
 */

add_filter( 'woocommerce_checkout_fields' , 'wp_bibel_de_add_checkout_fields' );

function wp_bibel_de_add_checkout_fields( $fields ) {
	 $fields['billing']['billing_title'] = array(
	 	'type' => 'select',
		'label' => 'Titel',
		'placeholder' => 'Titel',
		'required' => false,
		'class' => array('form-row-wide'),
		'clear' => true,
		'options' => array(
			'dr' => 'Dr.',
			'prof' => 'Prof.'
		)
	);

	 return $fields;
}

add_action( 'woocommerce_admin_order_data_after_shipping_address', 'wp_bibel_de_add_custom_order_data', 10, 1 );

function wp_bibel_de_add_custom_order_data( $order ) {
    echo get_post_meta( $order->id, '_billing_title', true );
}

WooCommerce zeigt standardmäßig leider keine Zusammenfassung der Daten an bevor der Kunde die Bestellung absendet. Ich vermute, dass du dazu ein Plugin wie WooCommerce German Market oder WooCommerce Germanized verwendest. Lass mich gerne wissen, welches Plugin du installiert hast. Dann finden wir bestimmt eine Lösung für dein Anliegen.

Ich hoffe, dass ich dir weiterhelfen konnte.

Viele Grüße,
Janine

Hallo Janine,

das hat ja super geklappt! Vielen Dank!

Nach den Feldern „Vorname“ und „Nachname“ benötige ich noch ein Feld „Fachrichtung“. Wenn ich ein neues Feld integriere fügt das System es immer oben ein, oder?

Richtig, ich nutze Germanized. Für den mehrstufigen Checkout.

Viele Grüße
Stefan

Hallo Stefan,

vielen Dank für deine Rückmeldung! Es freut mich sehr, dass es geklappt hat.

Um die Reihenfolge der Felder zu verändern, kannst du priority anpassen. Umso niedriger der Wert ist, desto weiter oben wird das Feld angezeigt. Um das neue Feld „Fachrichtung“ nach „Vorname“ und „Nachname“ darzustellen, verwendest du als Wert die 20.

/**
 * WooCommerce - Checkout-Felder hinzufügen
 * https://wp-bibel.de/tutorial/woocommerce-checkout-felder-anpassen
 */

add_filter( 'woocommerce_checkout_fields' , 'wp_bibel_de_add_checkout_fields' );

function wp_bibel_de_add_checkout_fields( $fields ) {
	 $fields['billing']['billing_discipline'] = array(
	 	'type' => 'select',
	 	'priority' => 20,
		'label' => 'Fachrichtung',
		'placeholder' => 'Fachrichtung',
		'required' => false,
		'class' => array('form-row-wide'),
		'clear' => true,
		'options' => array(
			'Option 1' => 'Option 1',
			'Option 2' => 'Option 2',
			'Option 3' => 'Option 3'
		)
	);

	 return $fields;
}

add_action( 'woocommerce_admin_order_data_after_shipping_address', 'wp_bibel_de_add_custom_order_data', 10, 1 );

function wp_bibel_de_add_custom_order_data( $order ) {
    echo get_post_meta( $order->id, '_billing_discipline', true );
}

Um die „Fachrichtung“ im mehrstufigen Checkout von WooCoomerce Germanized Pro anzuzeigen, musst du ein Template bearbeiten. Kopiere als erstes die Datei
wp-content/plugins/woocommerce-germanized-pro/templates/checkout/multistep/data.php
in den Ordner deines aktiven Themes:
wp-content/themes/{theme}/woocommerce-germanized-pro/checkout/multistep/data.php

Füge dann in Zeile 43 die Ausgabe der Daten ein:

if ( WC()->checkout->get_posted_address_data( "discipline", "billing" ) )  {
	echo wpautop( WC()->checkout->get_posted_address_data( "discipline", "billing" ) );
}

Viele Grüße,
Janine

Hallo Janine,

vielen Dank für deine Hilfe! Wenn ich den neuen Code (Fachrichtung) in meine Datei unter den ersten (Titel) setze, bekomme ich einen „fatal error“. Muss ich, wenn ich beide einfügen will was zusammenfassen?

Oder liegt es daran, dass ich noch den zweiten Schritt (kopieren: wp-content/plugins/woocommerce-germanized-pro/templates/checkout/multistep/data.php) ausführen muss damit der Error wieder verschwindet?

Viele Grüße
Stefan

Hallo Stefan,

wie lautet die Fehlermeldung genau? Beginnt sie mit Fatal error: Cannot redeclare wp_bibel_de_add_checkout_fields()?

Viele Grüße,
Janine

Ja: Fatal error: Cannot redeclare wp_bibel_de_add_checkout_fields()

Die Fehlermeldung bedeutet, dass du nur eine Funktion mit dem Namen wp_bibel_de_add_checkout_fields() haben darfst. Ich würde einfach beide Funktionen zusammenführen.
Im Gesamten sollte es dann so aussehen:

/**
 * WooCommerce - Checkout-Felder hinzufügen
 * https://wp-bibel.de/tutorial/woocommerce-checkout-felder-anpassen
 */

add_filter( 'woocommerce_checkout_fields' , 'wp_bibel_de_add_checkout_fields' );

function wp_bibel_de_add_checkout_fields( $fields ) {
	
	$fields['billing']['billing_title'] = array(
		'type' => 'select',
		'label' => 'Titel',
		'placeholder' => 'Titel',
		'required' => false,
		'class' => array('form-row-wide'),
		'clear' => true,
		'options' => array(
			'dr' => 'Dr.',
			'prof' => 'Prof.'
		)
	);

	$fields['billing']['billing_discipline'] = array(
		'type' => 'select',
	 	'priority' => 20,
		'label' => 'Fachrichtung',
		'placeholder' => 'Fachrichtung',
		'required' => false,
		'class' => array('form-row-wide'),
		'clear' => true,
		'options' => array(
			'Option 1' => 'Option 1',
			'Option 2' => 'Option 2',
			'Option 3' => 'Option 3'
		)
	);

	return $fields;
}

add_action( 'woocommerce_admin_order_data_after_shipping_address', 'wp_bibel_de_add_custom_order_data', 10, 1 );

function wp_bibel_de_add_custom_order_data( $order ) {
    echo wpautop( get_post_meta( $order->id, '_billing_title', true ) );
	echo wpautop( get_post_meta( $order->id, '_billing_discipline', true ) );
}

Viele Grüße,
Janine

Super! Vielen Dank, Janine! Kannst du mir evtl. noch verraten wie ich das Feld „Fachrichtung“ als normales Eingabefeld ausgeben kann? Also kein „select“?

Grüße
Stefan

Um das Feld als Textfeld darzustellen, änderst du einfach den type auf text und löschst die Optionen.

Insgesamt hast du dann folgenden Quelltext:

/**
 * WooCommerce - Checkout-Felder hinzufügen
 * https://wp-bibel.de/tutorial/woocommerce-checkout-felder-anpassen
 */

add_filter( 'woocommerce_checkout_fields' , 'wp_bibel_de_add_checkout_fields' );

function wp_bibel_de_add_checkout_fields( $fields ) {
	
	$fields['billing']['billing_title'] = array(
		'type' => 'select',
		'label' => 'Titel',
		'placeholder' => 'Titel',
		'required' => false,
		'class' => array('form-row-wide'),
		'clear' => true,
		'options' => array(
			'dr' => 'Dr.',
			'prof' => 'Prof.'
		)
	);

	$fields['billing']['billing_discipline'] = array(
		'type' => 'text',
	 	'priority' => 20,
		'label' => 'Fachrichtung',
		'placeholder' => 'Fachrichtung',
		'required' => false,
		'class' => array('form-row-wide'),
		'clear' => true
	);

	return $fields;
}

add_action( 'woocommerce_admin_order_data_after_shipping_address', 'wp_bibel_de_add_custom_order_data', 10, 1 );

function wp_bibel_de_add_custom_order_data( $order ) {
	echo wpautop( get_post_meta( $order->id, '_billing_title', true ) );
	echo wpautop( get_post_meta( $order->id, '_billing_discipline', true ) );
}

Viele Grüße,
Janine

Stefan sagt:

31. August 2017 um 15:39 Uhr

Hi Janine,

eben habe ich versucht die Ausgabe zu bearbeiten. Leider finde ich den Zielpfand (im Theme/Child-Theme) auf meinen Server nicht:

„in den Ordner deines aktiven Themes:
wp-content/themes/{theme}/woocommerce-germanized-pro/checkout/multistep/data.php“

Oder bin ich auf dem Holzweg?

Viele Grüße
Stefan
janine sagt:

31. August 2017 um 15:40 Uhr

Hi Stefan,

falls es den Unterordner woocommerce-germanized-pro/checkout/multistep in deinem (Child-) Theme noch nicht geben sollte, kannst du ihn einfach erstellen 🙂

Viele Grüße,
Janine
Stefan sagt:

31. August 2017 um 16:54 Uhr
Auch das hat wunderbar geklappt! Hab das gleiche nun auch mit dem Titel unter der Fachrichtung versucht.
```
if ( WC()->checkout->get_posted_address_data( "billing_title", "billing" ) )  {
	echo wpautop( WC()->checkout->get_posted_address_data( "titel", "billing" ) );
}
```
Das wird mir leider nicht ausgegeben?
janine sagt:

31. August 2017 um 17:55 Uhr

Hallo Stefan,

ich glaube, du hast in der zweiten Zeile bloß einen kleinen Tippfehler (titel statt title).

Viele Grüße,
Janine

Hi Janine,

Tipper habe ich rausgenommen. Die Ausgabe will dennoch nicht funktionieren:

if ( WC()->checkout->get_posted_address_data( "discipline", "billing" ) )  {
	echo wpautop( WC()->checkout->get_posted_address_data( "discipline", "billing" ) );
}

if ( WC()->checkout->get_posted_address_data( "billing_title", "billing" ) )  {
	echo wpautop( WC()->checkout->get_posted_address_data( "title", "billing" ) );
}

Hallo Stefan,

in der fünften Zeile müsstest du noch das Präfix billing_ entfernen.

if ( WC()->checkout->get_posted_address_data( "discipline", "billing" ) )  {
	echo wpautop( WC()->checkout->get_posted_address_data( "discipline", "billing" ) );
}

if ( WC()->checkout->get_posted_address_data( "title", "billing" ) )  {
	echo wpautop( WC()->checkout->get_posted_address_data( "title", "billing" ) );
}

Viele Grüße,
Janine

Stefan sagt:

4. September 2017 um 13:17 Uhr

Hi Janine,

danke für dein Support! Leider funktioniert die Ausgabe des Titels weiterhin nicht. Die Fachrichtung wird unproblematisch ausgegeben. Hast du evtl. noch eine Idee?

Viele Grüße
Stefan
janine sagt:

4. September 2017 um 13:42 Uhr

Hi Stefan,

ich habe den Quelltext noch einmal überprüft und konnte keinen Fehler entdecken.

Viele Grüße,
Janine
Stefan sagt:

4. September 2017 um 17:15 Uhr

Hallo Janine,

super! Hat geklappt! Kannst du mir evtl. noch abschließend sagen wie ich das hinkriegen, dass der Titel vor dem Namen steht? 🙂

Viele Grüße
Stefan

Hallo Stefan,

super, vielen Dank für dein Feedback! Konntest du herausfinden, woran es gehakt hat?

Kopiere folgenden Quelltext in die functions.php, um den Titel vor dem Namen anzuzeigen:

apply_filters( 'woocommerce_gzdp_checkout_formatted_billing_address', 'woocommerce_gzdp_custom_checkout_formatted_billing_address' );

function woocommerce_gzdp_custom_checkout_formatted_billing_address( $address ) {
	array_unshift( $address, array(
		'title' => WC()->checkout->get_posted_address_data( "title", "billing" )
	));
	
	return $address;
}

Damit klappt es bei mir. Ich hoffe, es funktioniert bei dir auch!

Viele Grüße,
Janine

Stefan sagt:

5. September 2017 um 10:21 Uhr

Hallo Janine,

ja, ich habe den Code leider in die functions.php, nicht die die data.php gespeichert. 😉

Den aktuellen Code habe ich eben getestet. In Safari aber auch im Firefox wird mir der Titel immer noch an letzter Stelle ausgegeben. Und ja, den habe ich in die functions.php gespeichert. 😉

Viele Grüße
Stefan
janine sagt:

5. September 2017 um 11:01 Uhr
Hallo Stefan,

hast du diesen Teil wieder aus der data.php gelöscht?
```
if ( WC()->checkout->get_posted_address_data( "title", "billing" ) )  {
	echo wpautop( WC()->checkout->get_posted_address_data( "title", "billing" ) );
}
```
Falls du ein Caching-Plugin verwendest, kannst du mal probieren, ob es hilft den Cache zu leeren.

Viele Grüße,
Janine

Hallo Janine,

nein, gelöscht habe ich den Teil nicht. Muss ich?

Hab beides mal ausprobiert, im ersten Fall wird mir kein Titel, im zweiten wird er wieder am Ende und nicht am Anfang angezeigt.

Das steht nun in meiner data.php:

if ( WC()->checkout->get_posted_address_data( "discipline", "billing" ) )  {
	echo wpautop( WC()->checkout->get_posted_address_data( "discipline", "billing" ) );
}

if ( WC()->checkout->get_posted_address_data( "title", "billing" ) )  {
	echo wpautop( WC()->checkout->get_posted_address_data( "title", "billing" ) );
}

Und das hier in der functions.php:

add_filter( 'woocommerce_checkout_fields' , 'wp_bibel_de_add_checkout_fields' );

function wp_bibel_de_add_checkout_fields( $fields ) {
	
	$fields['billing']['billing_title'] = array(
		'type' => 'select',
		'label' => 'Titel',
		'placeholder' => 'Titel',
		'required' => false,
		'class' => array('form-row-wide'),
		'clear' => true,
		'options' => array(
			'-' => '-',
			'dr' => 'Dr.',
			'prof' => 'Prof.'
		)
	);

	$fields['billing']['billing_discipline'] = array(
		'type' => 'text',
	 	'priority' => 20,
		'label' => 'Fachrichtung',
		'placeholder' => 'Fachrichtung',
		'required' => false,
		'class' => array('form-row-wide'),
		'clear' => true
	);

	return $fields;
}

add_action( 'woocommerce_admin_order_data_after_shipping_address', 'wp_bibel_de_add_custom_order_data', 10, 1 );

function wp_bibel_de_add_custom_order_data( $order ) {
	echo wpautop( get_post_meta( $order->id, '_billing_title', true ) );
	echo wpautop( get_post_meta( $order->id, '_billing_discipline', true ) );
}

apply_filters( 'woocommerce_gzdp_checkout_formatted_billing_address', 'woocommerce_gzdp_custom_checkout_formatted_billing_address' );

function woocommerce_gzdp_custom_checkout_formatted_billing_address( $address ) {
	array_unshift( $address, array(
		'title' => WC()->checkout->get_posted_address_data( "title", "billing" )
	));
	
	return $address;
}

Grüße!

Hallo Stefan,

okay, probieren wir noch mal etwas anderes.

Bei mir sieht die functions.php jetzt so aus:

add_filter( 'woocommerce_checkout_fields' , 'wp_bibel_de_add_checkout_fields' );

function wp_bibel_de_add_checkout_fields( $fields ) {
	
	$fields['billing']['billing_title'] = array(
		'type' => 'select',
		'label' => 'Titel',
		'placeholder' => 'Titel',
		'required' => false,
		'class' => array('form-row-wide'),
		'clear' => true,
		'options' => array(
			'dr' => 'Dr.',
			'prof' => 'Prof.'
		)
	);

	$fields['billing']['billing_discipline'] = array(
		'type' => 'text',
	 	'priority' => 20,
		'label' => 'Fachrichtung',
		'placeholder' => 'Fachrichtung',
		'required' => false,
		'class' => array('form-row-wide'),
		'clear' => true
	);

	return $fields;
}

add_action( 'woocommerce_admin_order_data_after_shipping_address', 'wp_bibel_de_add_custom_order_data', 10, 1 );

function wp_bibel_de_add_custom_order_data( $order ) {
	echo wpautop( get_post_meta( $order->id, '_billing_title', true ) );
	echo wpautop( get_post_meta( $order->id, '_billing_discipline', true ) );
}

add_filter( 'woocommerce_gzdp_checkout_formatted_billing_address', 'woocommerce_gzdp_custom_checkout_formatted_billing_address', 10, 3 );

function woocommerce_gzdp_custom_checkout_formatted_billing_address($address) {
	if(WC()->checkout->get_posted_address_data( "title", "billing" )) : 
		$address['title'] = WC()->checkout->get_posted_address_data( "title", "billing" );
	endif; 
	
	return $address;
}

Und die data.php:

if ( WC()->checkout->get_posted_address_data( "discipline", "billing" ) )  {
	echo wpautop( WC()->checkout->get_posted_address_data( "discipline", "billing" ) );
}

Das Ergebnis sieht dann so aus:

Viele Grüße,
Janine

Hallo Janine,

danke für dein super Tutorial. Ich hätte eine Frage: Ich würde gerne eine Checkbox unterhalb des Feldes für Zusatzinfos integrieren, wenn dieses angehakt wird, sollen darunter zwei – drei Textfelder zur Eingabe eingeblendet werden. Gibt es die Möglichkeit das Ausblenden bis zum konditionalen Haken setzen zu realisieren?

Die Textfelder bekomme ich, durch deine Konversation mit Stefan (ich habe auch Gemanized im Einsatz) denke ich gut hin.

Danke & Grüße
Philipp

Hallo Philipp,

vielen Dank für dein Feedback!

Hierzu müsstest du als erstes die gewünschten Felder hinzufügen. Bei den Textfeldern solltest du als class zusätzlich hidden angeben. Die Klasse verwenden wir im nächsten Schritt, um die Felder auszublenden. Außerdem setzt du das Attribut readonly, damit die Felder zunächst nicht ausgefüllt werden können.

/**
 * WooCommerce - Checkout-Felder hinzufügen
 * https://wp-bibel.de/tutorial/woocommerce-checkout-felder-anpassen
 */

add_filter( 'woocommerce_checkout_fields' , 'wp_bibel_de_add_checkout_fields' );

function wp_bibel_de_add_checkout_fields( $fields ) {
	 $fields['order']['billing_additional_fields'] = array(
		'type' => 'checkbox',
		'label' => 'Zusätzliche Felder einblenden',
		'placeholder' => 'Zusätzliche Felder einblenden',
		'required' => false,
		'class' => array('form-row-wide'),
		'clear' => true
	);
	
	$fields['order']['billing_additional_field_1'] = array(
		'type' => 'text',
		'label' => 'Zusätzliches Feld 1',
		'placeholder' => 'Zusätzliches Feld 1',
		'required' => false,
		'class' => array('form-row-wide', 'hidden'),
		'clear' => true,
		'custom_attributes' => array(
			'readonly' => true
		)
	);
	
	$fields['order']['billing_additional_field_2'] = array(
		'type' => 'text',
		'label' => 'Zusätzliches Feld 2',
		'placeholder' => 'Zusätzliches Feld 2',
		'required' => false,
		'class' => array('form-row-wide', 'hidden'),
		'clear' => true,
		'custom_attributes' => array(
			'readonly' => true
		)
	);
	
	$fields['order']['billing_additional_field_3'] = array(
		'type' => 'text',
		'label' => 'Zusätzliches Feld 3',
		'placeholder' => 'Zusätzliches Feld 3',
		'required' => false,
		'class' => array('form-row-wide', 'hidden'),
		'clear' => true,
		'custom_attributes' => array(
			'readonly' => true
		)
	);

	return $fields;
}

add_action( 'woocommerce_admin_order_data_after_shipping_address', 'wp_bibel_de_add_custom_order_data', 10, 1 );

function wp_bibel_de_add_custom_order_data( $order ) {
	echo wpautop( get_post_meta( $order->id, '_billing_additional_field_1', true ) );
	echo wpautop( get_post_meta( $order->id, '_billing_additional_field_2', true ) );
	echo wpautop( get_post_meta( $order->id, '_billing_additional_field_3', true ) );
}

Als nächstes müsstest du die Klasse .hidden in deine CSS-Datei aufnehmen, damit die Felder ausgeblendet werden:

.hidden {
	display: none;
}

Nun brauchst du noch eine JS-Datei, um die Felder bei Bedarf ein- und auszublenden. Füge dazu folgenden Quelltext zur functions.php hinzu:

add_action( 'wp_enqueue_scripts', 'wp_bibel_de_enqueue_scripts' );

function wp_bibel_de_enqueue_scripts() {
	if( is_checkout() ) : 
		wp_enqueue_script( 'wp-bibel-de-checkout', get_theme_file_uri( '/assets/js/checkout.js' ), array( 'jquery' ), '1.0', true );
	endif; 
}

Lege anschließend noch die Datei wp-content/themes/{theme}/assets/js/checkout.js an:

jQuery(document).ready(function() {
	jQuery('input[name="billing_additional_fields"]').change(function() {
		
		if(jQuery(this).is(':checked')) {
			jQuery('#billing_additional_field_1_field, #billing_additional_field_2_field, #billing_additional_field_3_field').removeClass("hidden"); 
			jQuery('input[name="billing_additional_field_1"], input[name="billing_additional_field_2"], input[name="billing_additional_field_3"]').removeAttr("readonly");
		} else {
			jQuery('#billing_additional_field_1_field, #billing_additional_field_2_field, #billing_additional_field_3_field').addClass("hidden"); 
			jQuery('input[name="billing_additional_field_1"], input[name="billing_additional_field_2"], input[name="billing_additional_field_3"]').attr("readonly", 1);
		}
		
    });
});

Sobald die Checkbox angeklickt wird, überprüfen wir in Zeile 4, ob diese ausgewählt ist. Falls sie aktiviert wurde, entfernen wir in Zeile 5 die Klasse hidden, um die Felder einzublenden. In Zeile 6 entfernen wir außerdem das Attribut readonly, damit die Felder wieder beschreibbar sind. Falls die Checkbox erneut angeklickt und somit deaktiviert wurde, wird das Ganze in Zeile 8 und 9 wieder umgekehrt.

Anschließend brauchst du nur noch die Ausgabe der Felder hinzufügen. Kopiere als erstes die Datei
wp-content/plugins/woocommerce-germanized-pro/templates/checkout/multistep/data.php
in den Ordner deines aktiven Themes:
wp-content/themes/{theme}/woocommerce-germanized-pro/checkout/multistep/data.php

Füge dann in Zeile 43 die Ausgabe der Daten ein:

if ( WC()->checkout->get_posted_address_data( "additional_field_1", "billing" ) )  {
	echo wpautop( WC()->checkout->get_posted_address_data( "additional_field_1", "billing" ) );
}

if ( WC()->checkout->get_posted_address_data( "additional_field_2", "billing" ) )  {
	echo wpautop( WC()->checkout->get_posted_address_data( "additional_field_2", "billing" ) );
}

if ( WC()->checkout->get_posted_address_data( "additional_field_3", "billing" ) )  {
	echo wpautop( WC()->checkout->get_posted_address_data( "additional_field_3", "billing" ) );
}

Viele Grüße,
Janine

philipp sagt:

6. September 2017 um 15:02 Uhr

Herzlichen Dank für deine Hilfe!

Gruß
Philipp
1. janine sagt:
  
  7. September 2017 um 0:14 Uhr
  
  Hallo Philipp,
  
  sehr gerne. Wir freuen uns, wenn wir dir helfen konnten.
  
  Viele Grüße,
  Janine

Hallo,

ich habe eine Frage: Wenn ich nun Felder hinzugefügt habe, erscheinen diese aber nicht in der E-Mail, die ich dann bekomme (Neue Kundenbestellung).

Wie bekomme ich es hin, dass sie auch dort erscheinen?

Vielen Dank und liebe Grüße
Michael

Hallo Michael,

vielen Dank für deinen Kommentar und deine Frage. Um die Daten auch in der E-Mail darzustellen, kannst du auf den Filter woocommerce_email_customer_details_fields zurückgreifen:

/**
 * WooCommerce - Checkout-Felder hinzufügen
 * https://wp-bibel.de/tutorial/woocommerce-checkout-felder-anpassen
 */

add_filter( 'woocommerce_checkout_fields' , 'wp_bibel_de_add_checkout_fields' );

function wp_bibel_de_add_checkout_fields( $fields ) {
	 $fields['billing']['billing_my_field'] = array(
		'label' => 'My Field',
		'placeholder' => 'My Field',
		'required' => false,
		'class' => array('form-row-wide'),
		'clear' => true
	);

	 return $fields;
}

add_action( 'woocommerce_admin_order_data_after_billing_address', 'wp_bibel_de_add_custom_order_data', 10, 1 );


function wp_bibel_de_add_custom_order_data( $order ) {
	if ( ! empty ( get_post_meta( $order->id, '_billing_my_field', true ) ) ) :
    	echo wpautop ( 'My Field: ' . get_post_meta( $order->id, '_billing_my_field', true ));
    endif; 
}

add_filter( "woocommerce_email_customer_details_fields", "wp_bibel_de_add_email_customer_details_fields", 10, 3 );

function wp_bibel_de_add_email_customer_details_fields( $fields, $sent_to_admin, $order ) {
    if ( ! empty ( get_post_meta( $order->id, '_billing_my_field', true ) ) ) :
        $fields['my_field']['label'] = 'My Field';
        $fields['my_field']['value'] = get_post_meta( $order->id, '_billing_my_field', true );
	endif; 
  	
    return $fields;
}

Viele Grüße,
Janine

Tibor Bogun sagt:

14. September 2017 um 0:38 Uhr

Vorab: ein super Tutorial. An einer Stelle komme ich allerdings an meine Grenzen. Ich möchte jeweils zwei Felder nebeneinander haben. Das wird standardmäßig über .form-row-first und .form-row-last gesteuert

Manche Felder bringen aber zusätzlich noch .form-row-wide mit. Felder mit dieser class lassen sich über .form-row-last zwar rechts positionieren, rutschen aber nicht nach oben auf (rechts neben das linke Feld), sondern beanspruchen die komplette Zeile für sich, .form-row-wide eben!

Meine Frage ist nun: Wie kann ich diese störende classes überschreiben oder deaktivieren, um das gewünschte Formular (links – rechts, links – rechts) zu erzeugen? Egal, was ich über den Filter zusätzlich einschieße – ich bekomm’s nicht hin.

Danke für Deine Hilfe!
1. janine sagt:
  
  14. September 2017 um 12:33 Uhr
  Hallo Tibor,
  
  vielen Dank für dein Feedback.
  
  Um die CSS-Klassen von bereits bestehenden Checkout-Feldern zu überschreiben, kannst du folgendes Snippet verwenden:
```
/**
 * WooCommerce - CSS-Klassen der Checkout-Felder überschreiben
 * https://wp-bibel.de/tutorial/woocommerce-checkout-felder-anpassen
 */

add_filter( 'woocommerce_checkout_fields' , 'wp_bibel_de_checkout_fields_classes' );

function wp_bibel_de_checkout_fields_classes( $fields ) {

	$fields['billing']['billing_postcode']['class'] = array('form-row-first');
	$fields['billing']['billing_city']['class'] = array('form-row-last');

	return $fields;
}
```
  Viele Grüße,
  Janine
ts sagt:

20. Oktober 2017 um 3:48 Uhr

Hallo!

Danke für das Tutorial. Immer wieder gut, wenn man so super zusammengefasste Informationen findet, auch wenn es dann schmerzt, wenn man sich die Infos vorher schon mühsam an anderer Stelle ergoogelt hat… 😉

Mal eine Frage. Bei mir funktioniert die Sortierung mittels Priority nicht mehr, sobald ich ein Feld aus dem Standard-Array entferne („billing_country“ in diesem Fall). Hängt auch nicht davon ab, ob ich die Entfernung vor oder nach der Neusortierung vornehme, sobald ein Feld entfernt wird, ist die Anzeige der vorher sortierten Felder komplett durcheinander.

Kenn mich in der Filterstruktur von Woo noch nicht so gut aus: ist das ein Problem des Filters?

Oder mache ich etwas falsch?

Danke für einen kurzen Tip!

TS
1. janine sagt:
  
  20. Oktober 2017 um 6:30 Uhr
  
  Hallo TS,
  
  vielen Dank für deinen Kommentar.
  
  Wie sieht dein bisheriger Quelltext dazu aus?
  Tritt das Problem auch auf, wenn du alle Plugins außer WooCommerce deaktivierst und eines der Default-Themes verwendet?
  
  Viele Grüße,
  Janine
Holger sagt:

21. Oktober 2017 um 18:10 Uhr

Hallo.
ich habe von der woocommerce-Kasse das Telefon-Eingabefeld erfolgreich entfernt. Nun bleibt das eMail-Feld rechts stehen, ich hätte es gern links in voller Breite. Sitze schon Stunden an dem möglicherweise kleinen Problem. Was muss ich tun?

Danke für Eure Antworten!

Grüße, Holger
1. janine sagt:
  
  21. Oktober 2017 um 18:52 Uhr
  Hallo Holger,
  
  vielen Dank für deine Frage.
  
  Um das E-Mail-Feld über die volle Breite darzustellen, musst du die CSS-Klassen des Felds überschreiben, hierzu kannst du folgendes Snippet verwenden:
```
/**
 * WooCommerce - CSS-Klassen der Checkout-Felder überschreiben
 * https://wp-bibel.de/tutorial/woocommerce-checkout-felder-anpassen
 */

add_filter( 'woocommerce_checkout_fields' , 'wp_bibel_de_checkout_fields_classes' );

function wp_bibel_de_checkout_fields_classes( $fields ) {

	$fields['billing']['billing_email']['class'] = array('form-row', 'form-row-wide');

	return $fields;
}
```
  Viele Grüße,
  Janine

Hi Janine,

dank Deines Tutorials bin ich schon recht weit gekommen.
An einem Punkt verzweifele ich aber: weder in der Bestellung im Backend noch in der E-Mail werden die zusätzlich eingebauten Felder angezeigt.

Ich wäre dankbar, wenn Du mir da helfen könntest

WordPress 4.9.1
WooCommerce 3.2.5
WooCommerce Germanized 1.9.6

/**
 * WooCommerce - Checkout-Felder hinzufügen
 * https://wp-bibel.de/tutorial/woocommerce-checkout-felder-anpassen
 */

add_filter( 'woocommerce_checkout_fields' , 'wp_bibel_de_add_checkout_fields' ); 
function wp_bibel_de_add_checkout_fields( $fields ) {
	
	$fields['order']['order_geburtsdatum'] = array(
		'label' => 'Geburtsdatum',
		'placeholder' => 'Ihr Geburtsdatum',
		'required' => true,
		'class' => array('form-row-wide'),
		'clear' => true,
	);

	$fields['order']['order_ag'] = array(
		'label' => 'Beschäftigt bei',
		'placeholder' => 'Ihre Arbeitgeber',
		'required' => true,
		'class' => array('form-row-wide'),
		'clear' => true,
	);
	
	 $fields['order']['order_beruf'] = array(
		'label' => 'Ihr Beruf',
		'placeholder' => 'Ihr Beruf',
		'required' => true,
		'class' => array('form-row-wide'),
		'clear' => true,

	);
	
	return $fields; 
}

add_action( 'woocommerce_admin_order_data_after_shipping_address', 'wp_bibel_de_add_custom_order_data', 10, 1 );

function wp_bibel_de_add_custom_order_data( $order ) {
	 echo wpautop( get_post_meta( $order->id, '_order_geburtsdatum', true ) );
	 echo wpautop( get_post_meta( $order->id, '_order_ag', true ) );
	 echo wpautop( get_post_meta( $order->id, '_order_beruf', true ) );
}

add_filter( "woocommerce_email_customer_details_fields", "wp_bibel_de_add_email_customer_details_fields", 10, 3 );

function wp_bibel_de_add_email_customer_details_fields( $fields, $sent_to_admin, $order ) {
    if ( ! empty ( get_post_meta( $order->id, '_order_geburtsdatum', true ) ) ) :
        $fields['order_geburtsdatum']['label'] = 'Geburtsdatum';
        $fields['order_geburtsdatum']['value'] = get_post_meta( $order->id, '_order_geburtsdatum', true );
	endif; 
	if ( ! empty ( get_post_meta( $order->id, '_order_ag', true ) ) ) :
        $fields['order_ag']['label'] = 'Test';
        $fields['order_ag']['value'] = get_post_meta( $order->id, '_order_ag', true );
	endif; 
  	
    return $fields;
}

Hallo Harry,

vielen Dank für deinen Kommentar. Bitte entschuldige meine späte Antwort. Ich bin erst jetzt dazu gekommen, mir das genauer anzusehen.

Versuche es bitte einmal mit dem folgenden Quelltext:

/**
 * WooCommerce - Checkout-Felder hinzufügen
 * https://wp-bibel.de/tutorial/woocommerce-checkout-felder-anpassen
 */

add_filter( 'woocommerce_checkout_fields' , 'wp_bibel_de_add_checkout_fields' );

function wp_bibel_de_add_checkout_fields( $fields ) {

	$fields['order']['billing_geburtsdatum'] = array(
		'label' => 'Geburtsdatum',
		'placeholder' => 'Ihr Geburtsdatum',
		'required' => true,
		'class' => array('form-row-wide'),
		'clear' => true,
	);
	
	$fields['order']['billing_ag'] = array(
		'label' => 'Beschäftigt bei',
		'placeholder' => 'Ihre Arbeitgeber',
		'required' => true,
		'class' => array('form-row-wide'),
		'clear' => true,
	);
	
	$fields['order']['billing_beruf'] = array(
		'label' => 'Ihr Beruf',
		'placeholder' => 'Ihr Beruf',
		'required' => true,
		'class' => array('form-row-wide'),
		'clear' => true,
	);

	return $fields;
}

add_action( 'woocommerce_admin_order_data_after_billing_address', 'wp_bibel_de_add_custom_order_data', 10, 1 );

function wp_bibel_de_add_custom_order_data( $order ) {

	echo "Geburtstag:"; 
	echo wpautop( get_post_meta( $order->get_id(), '_billing_geburtsdatum', true ) );
	
	echo "Arbeitgeber:"; 
	echo wpautop( get_post_meta( $order->get_id(), '_billing_ag', true ) );
	
	echo "Beruf:"; 
	echo wpautop( get_post_meta( $order->get_id(), '_billing_beruf', true ) );
}

add_filter( 'woocommerce_email_customer_details_fields', 'wp_bibel_de_add_email_customer_details_fields', 10, 3 );

function wp_bibel_de_add_email_customer_details_fields( $fields, $sent_to_admin, $order ) {
	if ( ! empty ( get_post_meta( $order->get_id(), '_billing_geburtsdatum', true ) ) ) :
		$fields['billing_geburtsdatum']['label'] = 'Geburtsdatum';
		$fields['billing_geburtsdatum']['value'] = get_post_meta( $order->get_id(), '_billing_geburtsdatum', true );
	endif;
	
	if ( ! empty ( get_post_meta( $order->get_id(), '_billing_ag', true ) ) ) :
		$fields['billing_ag']['label'] = 'Arbeitgeber';
		$fields['billing_ag']['value'] = get_post_meta( $order->get_id(), '_billing_ag', true );
	endif;
	
	if ( ! empty ( get_post_meta( $order->get_id(), '_billing_beruf', true ) ) ) :
		$fields['billing_beruf']['label'] = 'Beruf';
		$fields['billing_beruf']['value'] = get_post_meta( $order->get_id(), '_billing_beruf', true );
	endif;
	
	return $fields;
}

Die Angaben solltest du im Backend unter WooCommerce → Bestellungen → Bestellung auswählen → Rechnungsdetails finden.

Viele Grüße,
Janine

Dave sagt:

14. Dezember 2017 um 7:33 Uhr

Hallo Janine,

vielen Dank für dieses Tutorial, vielleicht kannst Du mir auch helfen.
Ich nutze Woocommerce zusammen mit Woo Germanized und möchte hier das 1. Adressfeld im Checkout in Straße und Hausnummer teilen. Diese beiden Angaben sollten dann natürlich auch noch im Backend (Bestellübersicht: Rechnungsadresse und Versandadresse) angezeigt werden, sowie in den Emails (Bestellbestätigung etc.). Kannst Du mir hier vielleicht weiterhelfen?

Danke Dir!

VG, Dave
1. janine sagt:
  
  14. Dezember 2017 um 23:57 Uhr
  
  Hallo Dave,
  
  vielen Dank für deinen Kommentar. Wie sieht dein bisheriger Quelltext dazu aus?
  
  Viele Grüße,
  Janine
Peter sagt:

27. Dezember 2017 um 18:50 Uhr

Hat jemand eine Idee, wie ich die Checkbox an der Kasse vergrößern kann? Wenn man mit dem Handy einen Bestellvorgang abarbeitet, ist die Checkbox an der Kasse so gut wie nicht zu sehen.
1. janine sagt:
  
  17. Januar 2018 um 0:33 Uhr
  
  Hallo Peter,
  
  bitte wende dich mit deinem Anliegen an den Autor deines Themes.
  
  Viele Grüße,
  Janine
Silke Hoerl sagt:

17. Februar 2018 um 11:18 Uhr

Hallo Janine,
super was Du hier machst! Ich nutze WooCommerce mit dem Storefronte Theme und Germanized Pro. Ich möchte gern die Adresse (Strasse, Hausnummer, PLZ und Ort) ebenfalls als Pflichtfeld festlegen.
Leider finde ich nicht die Datei in der ich die Werte auf true setzen kann. In welcher Datei finde ich denn diese Informationen?

Lieben Dank für vorab für Deine Hilfe,
Silke
1. janine sagt:
  
  17. Februar 2018 um 13:33 Uhr
  
  Hallo Silke,
  
  vielen Dank für dein Feedback, darüber habe ich mich sehr gefreut!
  
  Die im Beitrag erwähnten Snippets kannst du in die Datei functions.php deines aktivierten Themes kopieren. Dazu verwendest du am Besten ein Child-Theme, damit die Änderung bei einem Update deines Themes nicht verloren geht.
  
  Um dein Anliegen nachzuvollziehen, habe ich gerade eine neue WordPress-Installation angelegt. Ich habe außerdem ausschließlich Storefront und WooCommerce Germanized Pro installiert. Die von dir genannten Felder sind unter diesen Voraussetzungen bereits Pflichtfelder.
  
  Bitte überprüfe zunächst, ob ein anderes Plugin diese Änderungen hervorruft.
  
  Viele Grüße,
  Janine
André sagt:

1. April 2018 um 14:34 Uhr

Hallo,

auf dem PC funktioniert „Checkout-Felder entfernen“ mit unset, mit Mobile und dem WPTouch Plugin funktioniert das leider nicht.
Hat jemand eine Idee dazu?
1. janine sagt:
  
  4. April 2018 um 8:48 Uhr
  
  Hallo André,
  
  leider habe ich keine Erfahrungen mit dem WPTouch-Plugin. Daher würde ich dir vorschlagen, dich mit deinem Anliegen an den Autor des Plugins zu wenden.
  
  Viele Grüße,
  Janine
Nicole sagt:

16. Mai 2018 um 9:45 Uhr

Hi Janine,
danke für die ausführliche und verständlichen Ausführungen. Ich benutze den ‚ Checkout Field Editor‘, da ich deine Erläuterungen erst jetzt gefunden habe. Sonst hätte ich mich wohl selbst rangesetzt. Ich sitze jetzt aber schon eine ganze Weile an dem Problem, dass mir die Felder in den E-Mails an den Kunden nicht so schön ausgegeben werden. Schön heißt in diesem Fall, dass woocommerce bzw. das Plugin diese über der Bestell-/Lieferadresse ausgibt, was in dem Fall eines Titels (Dr/ Prof/ etc) nicht so praktisch ist. Die hätte ich natürlich gern an entsprechender Stelle nach der Anrede. Kannst du mir sagen, wie ich die Reihenfolge in der Ausgabe der E-Mails beeinflussen kann, so dass diese nicht nur gesammelt an einer Stelle ausgegeben werden?

Viele Grüße Nicole
1. janine sagt:
  
  17. Mai 2018 um 11:03 Uhr
  
  Hallo Nicole,
  
  da wir mit dem Checkout Field Editor keine Erfahrung haben, kann ich dir hierbei leider nicht helfen. Daher würde ich dir vorschlagen, dich mit der Frage an den Autor des Plugins zu wenden.
  
  Viele Grüße,
  Janine

Die Kommentare wurden geschlossen.