BoSSya
@BoSSya
Салага

Как добавить атрибут к кнопке «Подтвердить заказ» в WOOCOMERCE?

Друзья прошу помощи в вопросе.
Нужно добавить атрибуты к кнопке заказа на WooCommerce, для Invisible reCAPTCHA.
Данный код не срабатывает.
jQuery(document).ready(function () {
	jQuery('#place_order').attr('class', 'g-recaptcha');
	jQuery('#place_order').attr('data-sitekey', 'ключ');
	jQuery('#place_order').attr('data-callback', 'onSubmit');
});

Метод использую этот. Invisible reCAPTCHA
<html>
  <head>
    <title>reCAPTCHA demo: Simple page</title>
     <script src="https://www.google.com/recaptcha/api.js" async defer></script>
     <script>
       function onSubmit(token) {
         document.getElementById("demo-form").submit();
       }
     </script>
  </head>
  <body>
    <form id='demo-form' action="?" method="POST">
      <button class="g-recaptcha" data-sitekey="your_site_key" data-callback='onSubmit'>Submit</button>
      <br/>
    </form>
  </body>
</html>

Почему jQuery не срабатывает?
За ранее СПАСИБО.
  • Вопрос задан
  • 583 просмотра
Пригласить эксперта
Ответы на вопрос 1
BoSSya
@BoSSya Автор вопроса
Салага
Сам задал сам решил.
Сделал через HOOK.
Нужно добавить в function.php
Ключ свой.
add_filter( 'woocommerce_order_button_html', 'custom_order_button_html');
function custom_order_button_html( $button ) {

    //Ваши изменения с кнопкой
    $button = '<input type="submit"  class="g-recaptcha button alt"  data-sitekey="свой ключ"  data-callback="onSubmit" name="woocommerce_checkout_place_order" id="place_order" value="' . esc_attr( $order_button_text ) . '" data-value="' . esc_attr( $order_button_text ) . '" />';

    return $button;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы