Thème page de paiement montrer l'adresse de livraison en premier, puis l'adresse de facturation?

Dans la page de paiement de Thème j'ai besoin de changer la fonctionnalité d'une adresse d'abord j'ai besoin de l'adresse d'expédition champs, puis l'adresse de facturation de champs.

De facturation est affiché en premier, puis l'expédition indiqué si case cochée comme ci-dessous ici voir l'image.

Adresse de facturation de la première

maintenant, j'ai besoin de le changer comme adresse d'expédition de montrer d'abord quand je case à cocher il me montre l'adresse de facturation. voir l'image ci-dessous.

Adresse d'expédition de la première

Thème page de paiement montrer l'adresse de livraison en premier, puis l'adresse de facturation?

j'ai besoin de ce changement, sans modification du fichier de thème en thème du dossier de validation et de jquery effet est également nécessaire.

quelqu'un peut-il m'aider plz pour le faire??

merci d'avance

extraits de code: ce n'est pas une solution plz n'écris pas cela parce qu'il change d'endroit pas la fonctionnalité et la case à cocher. plz voir la capture d'écran que je poste.

Adresse de facturation de la première

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

Adresse d'expédition de la première

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

toujours cette question est en suspens, jquery n'est pas la bonne solution parce que la caisse d'exécuter l'ajax et de validation aussi. si quelqu'un a une bonne solution ensuite fournir afin que d'autres puissent les aider à partir d'ici.

êtes-vous à l'aide de thème enfant ?
Oui je utiliser le thème de l'enfance
quelqu'un peut-il m'aider à résoudre ce problème?
Quel est le problème avec prépondérant des modèles, et l'ajout de votre propre JS fonction de la case?
j'ai dit que j'ai besoin de faire dans le thème de modèle plz vérifiez question
est-ce à résoudre déjà? aussi essayer de trouver la même chose que ce.

InformationsquelleAutor Mukesh Panchal | 2015-06-30

Si vous utilisez le thème de l'enfance, alors il pourrait être fait facilement.

SUIT:

1) Copie form-checkout.php de wp-content->plugins->woocommerce->templates->checkout et de le coller à l'intérieur de wp-content\themes\your_theme\woocommerce\myaccount.

2) de Modifier cette

<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>

NOTE: Cette solution fonctionne avec uniquement thème de l'enfance.

ce n'est pas une réponse, il suffit de changer le lieu de l'adresse. j'ai besoin de cocher la case et tous de validation avec l'ajax

InformationsquelleAutor Shravan Sharma

Votre exigence était unique,difficile et délicate aussi. Donc essayé de faire un code pour atteindre le but.

Pour réaliser ce genre de fonctionnalité ont fait tout le codage en jQuery alors assurez-vous d'essayer la même chose dans la console d'abord puis après un succès en travaillant de la même ajouter le code js qui permet de charger sur la page de paiement ou d'ajouter sur votre js pour la page de paiement.

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();
});

J'espère que mon temps et de travail envoyé dans ce numéro fonctionne et répond à vos exigences.

merci pour votre réponse et donner du temps pour aider, je vais vérifier cela et de la réponse. est de la validation du formulaire est de travail après utilisation? également la case à cocher conserver de la valeur de vérification ou n'est-il donc magasin, car quand je nous cliquez sur soumettre recharger la page est donc de travailler ou non?

InformationsquelleAutor WisdmLabs

1

Si vous savez déjà comment utiliser le thème des modèles puis la façon la plus simple de faire cela sans avoir à retravailler tout le backend code et ne pas avoir à réécrire le jquery est en faisant des copies de trois thème de modèles pour la modification. C'est pour modifier le thème par défaut des modèles de.

caisse > form-checkout.php

caisse > form-billing.php

caisse > form-shipping.php

Modifications à effectuer sur chaque modèle:

caisse > form-checkout.php

déplacer <?php do_action( 'woocommerce_checkout_billing' ); ?> sur la ligne 40 à la ligne 44
et déplacer <?php do_action( 'woocommerce_checkout_shipping' ); ?> sur la ligne 44 à la ligne 40.

Maintenant sur les deux autres modèles, il y aura un code de permutation.

de caisse > form-billing.php

à la ligne 29 de changement <?php _e( 'Billing & Shipping', 'woocommerce' ); ?> à <?php _e( 'Shipping & Billing', 'woocommerce' ); ?>

sur la ligne 33 changement <?php _e( 'Billing details', 'woocommerce' ); ?> à <?php _e( 'Shipping details', 'woocommerce' ); ?>

C'est là que l'échange de code vient:

maintenant couper les lignes 27 à 35 et de le coller dans la caisse > form-shipping.php sur la ligne 25.
Ne pas perdre votre place sur les lignes à la caisse > form-shipping.php vous aurez besoin de couper les lignes 25 à 33 et de le coller dans la caisse > form-billing.php sur la ligne 27.

REMARQUE: cet échange de code sur les deux modèles

devrait être au-dessus de ce <?php do_action( 'woocommerce_before_checkout_billing_form', $checkout ); ?> à la caisse > form-billing.php modèle et au-dessus de <?php do_action( 'woocommerce_before_checkout_shipping_form', $checkout ); ?> à la caisse > form-shipping.php de modèle.

Maintenant à partir de la caisse > form-billing.php les lignes de coupe 55 à 82 et collez-le dans la caisse > form-shipping.php sur la ligne 77.

Maintenant à partir de la caisse > form-shipping.php les lignes de coupe 52 à 54 et collez-le dans la caisse > form-billing.php sur la ligne 53. Ce doit être entre ce qui est sur la ligne 52 et 53 du modèle par défaut.

Dernière étape consisterait à modifier le texte dans l'entrée de la case à cocher qui doit maintenant être à la caisse > form-billing.php 31 ligne si vous avez suivi ce strictement.

Vous pouvez copier et remplacer la ligne 31 avec les éléments suivants:
```
<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>
```
Dernière note sur le thème jquery qui rend les champs apparaissent à partir de la case

Le jquery est de travailler avec l'élément suivant qui devrait maintenant être à la caisse > form-billing.php la ligne 35. <div class="shipping_address">

InformationsquelleAutor Rudy Lister

Vous devez vous connecter pour publier un commentaire.