Есть ли способ добавить data-атрибут инпуту на странице оформления заказа в Woocommerce?

Question

[Дмитрий Жуков]

Есть ли способ добавить data-атрибут инпуту на странице оформления заказа в Woocommerce?

У хука "woocommerce_checkout_fields" такой возможности не нашёл.

Answer 1

[Макс]

Да, вы можете добавить data-атрибуты в инпут на странице оформления заказа в Woocommerce, используя фильтр "woocommerce_checkout_fields". Этот фильтр позволяет вам изменять поля на странице оформления заказа и добавлять к ним атрибуты.

Пример кода для добавления data-атрибута в инпут с именем "billing_first_name":

add_filter( 'woocommerce_checkout_fields', 'add_data_attribute_to_checkout_field', 10, 1 );
function add_data_attribute_to_checkout_field( $fields ) {
    $fields['billing']['billing_first_name']['custom_data_attribute'] = 'custom_value';
    return $fields;
}

Comments

[Дмитрий Жуков]

тааак... а каким образом, в таком случае, дата-атрибут вывести?
Потому что стандартный вывод $checkout->get_checkout_fields( 'billing' ) кастомных атрибутов не отображает.

[Макс]

нужно вставить следующий код в соответствующий инпут поля формы:

<input <?php echo ! empty( $field['custom_data_attribute'] ) ? 'data-custom="' . esc_attr( $field['custom_data_attribute'] ) . '"' : ''; ?> />

пример:

$fields = $checkout->get_checkout_fields( 'billing' );
foreach ( $fields as $key => $field ) {
    echo '<p class="form-row ' . esc_attr( implode( ' ', $field['class'] ) ) . '" id="' . esc_attr( $key ) . '_field">';
    $label_id = $key . '_label';
    echo '<label for="' . esc_attr( $key ) . '" id="' . esc_attr( $label_id ) . '">' . wp_kses_post( $field['label'] );
    if ( $field['required'] ) {
        echo '&nbsp;<span class="required">*</span>';
    }
    echo '</label>';
    echo '<input type="' . esc_attr( $field['type'] ) . '" class="input-text" name="' . esc_attr( $key ) . '" id="' . esc_attr( $key ) . '" ' . ( $field['required'] ? 'required' : '' ) . ' ' . ( ! empty( $field['custom_attributes'] ) ? wc_implode_html_attributes( $field['custom_attributes'] ) : '' ) . ' ' . ( ! empty( $field['autocomplete'] ) ? 'autocomplete="' . esc_attr( $field['autocomplete'] ) . '"' : '' ) . ' ' . ( ! empty( $field['custom_data_attribute'] ) ? 'data-custom="' . esc_attr( $field['custom_data_attribute'] ) . '"' : '' ) . ' />';
    echo '</p>';
}