Wie ordne ich Rechnungsfelder in der WooCommerce Checkout-Vorlage neu an? [geschlossen]


15

Ich erstelle ein Auscheckformular im Madlib-Stil mithilfe der Anpassen-Auscheckfelder von WooTheme mit Aktionen und Filtern .

Abrechnungsfelder in der Checkout-Vorlage form-billing.phpwerden bei diesem Aufruf angezeigt:

<?php foreach ($checkout->checkout_fields['billing'] as $key => $field) : ?>
<?php woocommerce_form_field( $key, $field, $checkout->get_value( $key ) ); ?>
<?php endforeach; ?>

Wie kann die Reihenfolge der Felder geändert werden?

Die aktuelle (Standard-) Feldreihenfolge lautet:
Vorname
Nachname
Firma (für mich verborgen)
Ort
Postleitzahl
Land
Bundesland
E
- Mail Telefon

Standardbestellung:
Bildschirmfoto

Ich möchte, dass die Felder für Amerikaner (wo ich wohne) natürlicher angeordnet sind, also:
Vorname
Nachname
Firma (für mich verborgen)
Ort / Stadt
Bundesland
Postleitzahl
Land
E
- Mail - Adresse Telefon

Wie kann ich das am besten machen?

Antworten:


28

Das Gleiche können Sie functions.phpin Ihrem (Kinder-) Thema tun :

add_filter("woocommerce_checkout_fields", "order_fields");

function order_fields($fields) {

    $order = array(
        "billing_first_name", 
        "billing_last_name", 
        "billing_company", 
        "billing_address_1", 
        "billing_address_2", 
        "billing_postcode", 
        "billing_country", 
        "billing_email", 
        "billing_phone"

    );
    foreach($order as $field)
    {
        $ordered_fields[$field] = $fields["billing"][$field];
    }

    $fields["billing"] = $ordered_fields;
    return $fields;

}

Beste Antwort, da es die bewährte Methode wp / wc zum Filtern der Daten verwendet, bevor sie die Vorlage erreichen, sodass keine Vorlagendatei überschrieben werden muss.
Larzan

hat bei mir nicht funktioniert
Yahya Hussein

Diese Verwendung funktioniert aber nicht mehr. Ich denke, es ist, weil die Kasse JS die Reihenfolge dynamisch ändert.
Codekipple

4
Die derzeitige Möglichkeit besteht darin, eine Priorität zuzuweisen: - $fields['billing']['billing_country']['priority'] = 10; $fields['billing']['billing_phone']['priority'] = 20; Siehe hier https://wordpress.org/support/topic/change-order-of-billing-fields-on-checkout-page/
codekipple

5

Vielen Dank an Dbranes für die Antwort.

Ersetzen:

<?php foreach ($checkout->checkout_fields['billing'] as $key => $field) : ?>
<?php woocommerce_form_field( $key, $field, $checkout->get_value( $key ) ); ?>
<?php endforeach; ?>

Mit:

<?php 
// order the keys for your custom ordering or delete the ones you don't need
$mybillingfields=array(
    "billing_first_name",
    "billing_last_name",
    "billing_company",
    "billing_address_1",
    "billing_address_2",
    "billing_city",
    "billing_state",
    "billing_postcode",
    "billing_country",
    "billing_email",
    "billing_phone",
);
foreach ($mybillingfields as $key) : ?>
<?php woocommerce_form_field( $key, $checkout->checkout_fields['billing'][$key], $checkout->get_value( $key ) ); ?>
<?php endforeach; ?>

2
Dieser Code stammt aus einer internen Woocommerce-Funktion. Es wäre viel besser, den Code der ersten Antwort [einen Filter] zu verwenden.
Adeerlike

Bei mir klappt es nicht. Der beste Weg ist, die "Priorität" jedes Feldes wie folgt zu verwenden: $ fields ['billing'] ['billing_country'] ['priority'] = 10; $ fields ['billing'] ['billing_phone'] ['priority'] = 20; Vielleicht liegt es an neuen Versionen von Woocommerce, aber ich weiß es nicht.
Ruhanbidart

2

Sie können eine Kopie in Ihr Design einfügen und die Vorlage bearbeiten, die das Checkout-Formular darstellt.

Angepasst aus der Plugin-Dokumentation :

Beispiel
Um die Administratorbestellbenachrichtigung zu überschreiben, kopieren Sie: woocommerce/templates/checkout/form-checkout.php
nach
yourtheme/woocommerce/checkout/form-checkout.php

[aktualisieren]

In dieser Datei gibt es, kurz bevor die Felder gedruckt werden, diesen Aktions-Hook: do_action('woocommerce_before_checkout_billing_form', $checkout); .

Es geht also nur darum, diese Aktion in das Thema aufzunehmen functions.php oder in ein benutzerdefiniertes Plugin einzufügen und die Felder neu anzuordnen, wie das OP in seiner Antwort zeigt. Keine Notwendigkeit, die Vorlage zu überschreiben, oder ja, wenn weitere Anpassungen erforderlich sind.


Mit der von Ihnen erwähnten Vorlage können Sie sich nur im <?php do_action('woocommerce_checkout_billing'); ?>Großhandel bewegen .
m-torin

Ich hätte erwähnen sollen, dass ich die aktuellen Plugin-Dateien nicht überprüft habe. Antwort aktualisiert und erweitert dank Ihrer Antwort.
Brasofilo
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.