1

このスニペットを使用して、woocommerce チェックアウト フォームにカスタム フィールドを追加しました。ただし、フィールドは最後の部分に追加されます。電話フィールドの後にフィールドを表示する必要があります。必須フィールドである必要があるだけでなく、

/*** Add custom field to the checkout page ***/
add_action('woocommerce_after_order_notes', 'custom_checkout_field');

function custom_checkout_field($checkout) {
    woocommerce_form_field('billing_phone', array(
    'type' => 'number',
    'class' => array(
        'my-field-class form-row-wide'
        ),
        'label' => __('Phone 2'),
        'placeholder' => __(''),
    ),
    $checkout->get_value('billing_phone'));
    echo '</div>';
}

ここにカスタムフィールドが追加された部分があります

ここに画像の説明を入力

カスタム フィールドは、この電話フィールドの下に追加する必要があります

ここに画像の説明を入力

この問題を解決するためにここで変更しなければならないこと。応答を待っています...

4

1 に答える 1

2

「woocommerce_after_order_notes」アクションにコードを追加しました。そして、それはそれを行います。「woocommerce_after_checkout_billing_form」に変更する必要があります。これは、ポジションがどこにあるかを説明するbusinessbloomerからの投稿です。

そして、ここに固定コードがあります。

add_action('woocommerce_after_checkout_billing_form', 'custom_checkout_field');
// for the shipping form
add_action('woocommerce_after_checkout_shiiping_form', 'custom_checkout_field');


function custom_checkout_field($checkout) {
    woocommerce_form_field('billing_phone', array(
    'type' => 'number',
    'class' => array(
        'my-field-class form-row-wide'
        ),
        'label' => __('Phone 2'),
        'placeholder' => __(''),
    ),
    $checkout->get_value('billing_phone'));
    echo '</div>';
}

敬具

于 2021-01-19T07:47:52.453 に答える