Пользовательские поля WooCommerce - Multiselect

Я добавляю дополнительные поля на страницу проверки в WooCommerce, я могу добавлять основные поля, такие как текстовое поле, но вам нужно добавить поле (multi) select, где пользователь может выбрать несколько элементов. Я выяснил, как добавить поле выбора через код, например:

Но это просто один снимок. Могу ли я сделать что-то подобное для multi-select?
Или у вас есть расширение WooCommerce, которое вы порекомендовали бы?

Ответы

Ответ 1

Вам нужно создать свой собственный обработчик типа поля. Если вы посмотрите исходный код WooCommerce, вы увидите, что вы можете использовать фильтр: 'woocommerce_form_field_' . $args['type']

Я действительно не тестировал это, это просто слегка измененный код из одного элемента управления "select", но вы получаете точку:

add_filter( 'woocommerce_form_field_multiselect', 'custom_multiselect_handler', 10, 4 );

function custom_multiselect_handler( $field, $key, $args, $value ) {

    $options = '';

    if ( ! empty( $args['options'] ) ) {
        foreach ( $args['options'] as $option_key => $option_text ) {
            $options .= '<option value="' . $option_key . '" '. selected( $value, $option_key, false ) . '>' . $option_text .'</option>';
        }

        $field = '<p class="form-row ' . implode( ' ', $args['class'] ) .'" id="' . $key . '_field">
            <label for="' . $key . '" class="' . implode( ' ', $args['label_class'] ) .'">' . $args['label']. $required . '</label>
            <select name="' . $key . '" id="' . $key . '" class="select" multiple="multiple">
                ' . $options . '
            </select>
        </p>' . $after;
    }

    return $field;
}

И в вашем коде просто укажите тип как "multiselect":

add_action('woocommerce_after_order_notes', 'my_custom_checkout_field');

function my_custom_checkout_field( $checkout ) {

    echo '<div id="my_custom_checkout_field"><h3>'.__('My Field').'</h3>';

    woocommerce_form_field( 'my_field_name', array(
        'type'          => 'multiselect',
        'class'         => array('my-field-class form-row-wide'),
        'label'         => __('Fill in this field'),
        'placeholder'   => __('Enter something'),
        'options'       => array(
            'Buick' => __('Buick', 'woocommerce' ),
            'Ford' => __('Ford', 'woocommerce' )
        )
        ), $checkout->get_value( 'my_field_name' ));

    echo '</div>';

}