06
Июн
2017

Wооcommerce. Как изменить html разметку полей ввода (checkout fields) на странице оформления заказа (checkout page)?

Очень нужна помощь! Стандартными средствами woocommerce c помощью вот такого хука:

add_action( 'woocommerce_after_checkout_billing_form', 'add_custom_field' );

function add_custom_field( $checkout ) {

    echo '<div id="custom_field_wrapper">';  
    woocommerce_form_field( 'custom_field', array(
    'type'          => 'text',
    'class'         => array('custom_field_class'),
    'label'         => __('Custom Field'),
    'placeholder'   => __('Please input value ...'),
    'required'   => false, ), 
    $checkout->get_value( 'custom_field' ) ); 
    echo '</div>';

}

получаем такую разметку

<div id="custom_field_wrapper">
    <p class="form-row custom_field_class" id="custom_field_field" data-priority="">
        <label for="custom_field" class="">Custom Field</label>
        <input type="text" class="input-text " name="custom_field" id="custom_field" placeholder="Please input value ..." value="">
    </p>
</div>

а вот требуемая разметка выглядит вот так:

<div class="row order-form__row">
    <div class="col-lg-3 col-md-4">
        <label class="label" for="index-field">Индекс:</label>
    </div>
    <div class="col-lg-6 col-md-6">
        <input class="input" type="text" name="index" id="index-field"/>
    </div>
    <div class="col-lg-3 col-md-2"><a class="field-after" href="javascript:void(0);" target="_blank">Забыли индекс?</a></div>
</div>

Добрые умные люди помогите разрешить дилемму ... Как изменить html разметку согласно требованиям?

Источник: https://ru.stackoverflow.com/questions/676160/w%D0%BE%D0%BEcommerce-%D0%9A%D0%B0%D0%BA-%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D0%B8%D1%82%D1%8C-html-%D1%80%D0%B0%D0%B7%D0%BC%D0%B5%D1%82%D0%BA%D1%83-%D0%BF%D0%BE%D0%BB%D0%B5%D0%B9-%D0%B2%D0%B2%D0%BE%D0%B4%D0%B0-checkout-fields-%D0%BD%D0%B0-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86

Share

Тебе может это понравится...