Как активировать клавиатуру numeri c в полях оформления заказа woocommerce для мобильных пользователей?

Question

Можно ли активировать цифровую клавиатуру для мобильного пользователя в кассе woocommerce?

Я настроил поля проверки по умолчанию для woocommerce, и некоторые из этих полей являются просто числами (например: почтовый индекс, телефон и т. Д. c.).

Большинство посетителей моего веб-сайта - мобильные пользователи, и я хочу упростить им процесс оформления заказа, активировав клавиатуру numeri c для этих полей ввода.

Я искал web, и я понял, что если вы добавите код ниже, клавиатура numeri c будет вызываться автоматически.

<input inputmode="numeric" pattern="[0-9]*"> 

Удобный для пальцев числовой ввод с inputmode

Но я не знаю, как добавить этот атрибут при оформлении заказа такие поля, как billing_phone, billing_postcode, или другие настраиваемые поля, в которых запрашивается номер.

Любая помощь будет принята с благодарностью. Спасибо

Answer 1

После дальнейшего исследования я нашел отрывок для этого вопроса от businessbloomer:

// Change field type to number woocommerce checkout
 
function bbloomer_change_checkout_field_input_type() {
echo "<script>document.getElementById('billing_postcode').type = 'number';</script>";
echo "<script>document.getElementById('billing_city').type = 'number';</script>";       
    
}
add_action( 'woocommerce_after_checkout_form', 'bbloomer_change_checkout_field_input_type');

WooCommerce: изменить тип ввода при полях оформления заказа