ein benutzerdefiniertes Skript hinzufügen auf „Bestellung“ auf WooCommerce Kasse Seite

Question

Ich versuche, dieses Skript hinzufügen auf „Bestellung“ Button WooCommerce Kasse Seite:

$('#place_order').addClass('disabled'); 

aber Wenn ich lege es in der footer.php Datei funktioniert nicht.

Ich habe eine Ressource gefunden, die schlägt mir vor, die Woocommerce checkout.js Datei zu umgehen machen einen Klon innerhalb /my-theme/woocommerce Ordner, aber jetzt verstehe ich nicht, wo ich mein eigenes Skript setzen, um es funktioniert.

Danke

Answer 1

Ihr Skript hat in der ready Handler gesetzt werden, aber Sie haben immer noch ein Problem, bei jedem Ereignis ready (sobald DOM vollständig geladen ist) WooCommerce die Order Review-Bereich durch Ajax aktualisieren, so dass diese Aktion wird Ihre disabled Klasse von der Place Order Schaltfläche entfernen.

Sie können das benutzerdefinierte Ereignis updated_checkout verwenden, das am Ende jeder Update Order Review AJAX-Aktion ausgelöst wird.

Tun Sie etwas wie das.

function add_checkout_script() { ?> 

    <script type="text/javascript"> 

     jQuery(document).on("updated_checkout", function(){ 
       $('#place_order').addClass('disabled'); 
      });   

    </script> 

<?php  
} 
add_action('woocommerce_after_checkout_form', 'add_checkout_script');