Woocommerce checkout-Seite anzeigen Versand-Adresse zuerst, dann die Rechnungsadresse?

In der checkout-Seite von Woocommerce, die ich brauche um die Funktionalität zum ändern der Adresse bedeutet, zuerst muss ich die Lieferadresse Felder dann die Rechnungsadresse-Felder.

Abrechnung wird zuerst angezeigt und dann der Versand angezeigt, wenn ein checkbox überprüft, wie unten beschrieben hier, siehe Bild.

Rechnungsadresse ersten

nun muss ich es ändern, wie Versand-Adresse zeigen erst als ich die Kontrollkästchen zeigen Sie mir Ihre Rechnungsadresse. siehe unten Bild.

Lieferadresse ersten

Woocommerce checkout-Seite anzeigen Versand-Adresse zuerst, dann die Rechnungsadresse?

brauche ich das ändern, ohne jede woocommerce-Datei bedeutet im theme-Ordner auch die Validierung und jquery-Effekt ist auch nötig.

kann einer plz helfen Sie mir es zu machen??

Voraus vielen Dank

code-Schnipsel: dies ist keine Lösung, also plz nicht schreiben, weil es ändert nicht die Funktionalität und Kontrollkästchen. plz, siehe screenshot post ich.

Rechnungsadresse ersten

<?php do_action( 'woocommerce_checkout_billing' ); ?>
<?php do_action( 'woocommerce_checkout_shipping' ); ?>

Lieferadresse ersten

<?php do_action( 'woocommerce_checkout_shipping' ); ?>
<?php do_action( 'woocommerce_checkout_billing' ); ?>

immer noch, diese Frage ist ungelöst, jquery ist keine gute Lösung für dieses, weil die Kasse laufen als ajax-und validation auch. wenn eine gute Lösung bieten so anderen helfen kann, von hier aus.

sind Sie mit child theme ?
Ja ich benutze child theme
kann mir jemand helfen um dieses Problem zu lösen?
Was ist falsch mit übergeordneten templates, und indem Sie Ihre eigenen JS-Funktion für die checkbox?
ich sagte, dass ich brauchen, um in der theme-Vorlage plz check Frage
ist das lösen schon? auch versuchen zu finden gleichen.

InformationsquelleAutor Mukesh Panchal | 2015-06-30

Wenn Sie mit Kind-Thema, dann könnte es leicht getan werden.

SCHRITTE:

1) Kopie form-checkout.php aus wp-content->plugins->woocommerce->templates->checkout und fügen Sie es in wp-content\themes\your_theme\woocommerce\myaccount.

2) Ändern Sie diese

<div class="col2-set" id="customer_details">
     <div class="col-1">
          <?php do_action( 'woocommerce_checkout_billing' ); ?>
     </div>

      <div class="col-2">
           <?php do_action( 'woocommerce_checkout_shipping' ); ?>
       </div>
</div>

<div class="col2-set" id="customer_details">
     <div class="col-1">
          <?php do_action( 'woocommerce_checkout_shipping' ); ?>    
     </div>

      <div class="col-2">
           <?php do_action( 'woocommerce_checkout_billing' ); ?>               
       </div>
</div>

HINWEIS: Diese Lösung funktioniert nur mit-Kind-Thema.

dies ist nicht eine Antwort, die es nur zu ändern statt der Adresse. ich brauche Kontrollkästchen und alle Validierung mit ajax

InformationsquelleAutor Shravan Sharma

Ihre Anforderung war einzigartig,anspruchsvoll und auch schwierig. So versucht ein code zu erreichen der Zweck.

Erreichen diese Art von Funktionalität, die alles getan haben, was die Programmierung in jQuery so stellen Sie sicher, Sie versuchen, das gleiche in der Konsole zuerst und dann nach erfolgreichen arbeiten mit dem gleichen fügen Sie den code in js die Lasten auf der checkout-Seite, oder fügen Sie Ihre auf js für checkout-Seite.

jQuery('.shipping_address').css('display','block');

var bigHtml = jQuery(".woocommerce-billing-fields").children().not("h3, .create-account").detach();
var smallHtml = jQuery('.shipping_address').detach();
jQuery('.woocommerce-billing-fields').append(smallHtml);
jQuery('#order_comments_field').before(bigHtml);

jQuery('.woocommerce-billing-fields h3').text('Shipping Details');
jQuery('h3#ship-to-different-address').replaceWith('<h3 id="ship-to-billing-different-address"><label for="ship-to-billing-different-address-checkbox" class="checkbox">Ship to billing address?</label><input id="ship-to-billing-different-address-checkbox" class="input-checkbox" name="ship_to_different_billing_address" value="1" type="checkbox"></h3>');
jQuery(".woocommerce-shipping-fields").children().not("h3,#order_comments_field").hide();

jQuery("#ship-to-billing-different-address-checkbox").click(function(event) {
    if (jQuery(this).is(":checked"))
        jQuery(".woocommerce-shipping-fields").children().not("h3,#order_comments_field").show();
    else
        jQuery(".woocommerce-shipping-fields").children().not("h3,#order_comments_field").hide();
});

Ich hoffe, meine Zeit und meine Arbeit gesendet in diesem Problem arbeitet und erfüllt Sie die Anforderungen.

vielen Dank für Ihre Antwort und geben Sie Zeit, um zu helfen, ich werde es überprüfen und Antworten. ist Formular-Validierung funktioniert nach dem Gebrauch? auch Kontrollkästchen speichern Sie den Wert prüfen, oder Nein, so ist es zu speichern, weil wenn ich auf submit klicken Sie die Seite neu laden so funktioniert oder nicht?

InformationsquelleAutor WisdmLabs

1

Wenn Sie bereits wissen, wie die woocommerce templates dann der einfachste Weg, um dies geschehen zu lassen, ohne Nacharbeit alle backend-code und nicht mit rewrite jquery ist durch Kopien von drei woocommerce Vorlagen für die änderung. Dies ist für änderungen an den Standard-woocommerce-templates.

Kasse > form-checkout.php

Kasse > form-billing.php

Kasse > form-shipping.php

Änderungen auf den einzelnen Vorlage:

Kasse > form-checkout.php

bewegen <?php do_action( 'woocommerce_checkout_billing' ); ?> auf Zeile 40 bis Zeile 44
und bewegen <?php do_action( 'woocommerce_checkout_shipping' ); ?> auf Zeile 44 bis Zeile 40.

Jetzt auf die beiden anderen Vorlagen wird es einige code austauschen.

aus der Kasse > form-billing.php

in Zeile 29 ändern <?php _e( 'Billing & Shipping', 'woocommerce' ); ?> zu <?php _e( 'Shipping & Billing', 'woocommerce' ); ?>

in Zeile 33 ändern <?php _e( 'Billing details', 'woocommerce' ); ?> zu <?php _e( 'Shipping details', 'woocommerce' ); ?>

Dies ist, wo das vertauschen der code kommt in:

nun schneiden Sie Zeilen 27 bis 35 und fügen Sie ihn in Kasse > form-shipping.php auf der Linie 25.
Nicht verlieren Ihren Platz auf Linien auf Kasse > form-shipping.php Sie müssen geschnitten, Zeilen 25 bis 33 und fügen Sie ihn in Kasse > form-billing.php auf der Linie 27.

HINWEIS: diese code-Austausch, der auf beide Vorlagen

sollte über diese <?php do_action( 'woocommerce_before_checkout_billing_form', $checkout ); ?> auf Kasse > form-billing.php Vorlage und vor <?php do_action( 'woocommerce_before_checkout_shipping_form', $checkout ); ?> auf Kasse > form-shipping.php -Vorlage.

Nun von der Kasse > form-billing.php schneiden Sie Zeilen 55 bis 82 und fügen Sie in der Kasse > form-shipping.php auf der Linie 77.

Nun von der Kasse > form-shipping.php schneiden Sie Zeilen 52 bis 54, und fügen Sie in der Kasse > form-billing.php auf Zeile 53. Diesem müssen zwischen dem, was ist auf der Linie 52 und 53 der Standard-Vorlage.

Letzte Schritt wäre, den text zu ändern in der Eingabe für die checkbox sollte nun an der Kasse > form-billing.php Linie 31, wenn Sie befolgt streng.

Können Sie kopieren und ersetzen Sie die Zeile 31 mit den folgenden:
```
<input id="ship-to-different-address-checkbox" class="woocommerce-form__input woocommerce-form__input-checkbox input-checkbox" <?php checked( apply_filters( 'woocommerce_ship_to_different_address_checked', 'shipping' === get_option( 'woocommerce_ship_to_destination' ) ? 1 : 0 ), 1 ); ?> type="checkbox" name="ship_to_different_address" value="1" /> <span><?php _e( 'Bill to a different address?', 'woocommerce' ); ?></span>
```
Letzten Hinweis über die woocommerce jquery, das macht die Felder angezeigt, die von der checkbox -

Den jquery arbeitet mit dem folgenden element, das sollte nun an der Kasse > form-billing.php Zeile 35. <div class="shipping_address">

InformationsquelleAutor Rudy Lister

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.