Woocommerce настройка оформления заказа – checkout

Всем привет, недавно я написал статью woocommerce оформление заказа убрать поля, теперь же хочу описать как настроить страницу оформления заказа, как переименовать поля, а также как изменить тип для полей с input на textarea и наоборот.

Навигация по странице:

Не бойтесь нажимать, вы перейдете сразу к просмотру нужной информации

Сразу повторюсь, для настройки и удаления полей у woocommerce есть плагин расширение, называется он Saphali Woocommerce Russian и он частично бесплатный, вот ссылка на него. Более детально постараюсь описать в следующих статьях, сейчас не буду на нем останавливаться.

 

Настройка страницы оформления заказа woocommerce без плагина

Ну что же, приступим. Далее я покажу вам как переименовать поля оформления заказа, потом как изменить тип поля ввода, главное следовать инструкции и ничего не перепутать. Все наши действия будут базироваться на хуке woocommerce_checkout_fields.

 

Как переименовать поля оформления заказа

к менюПошаговая инструкция (нажимая на кнопки "раскрыть шаг" вы увидите следующий шаг, а нажав на изображение вы можете его увеличить):

1) Заходим в админку, открываем редактор темы, находим там файл functions.php и заходим в него для редактирования.

настройка страницы оформления заказа woocommerce

2) В конец файла забрасываем вот такой код:

add_filter( 'woocommerce_checkout_fields' , 'new_woocommerce_checkout_fields', 10, 1 );
 
function new_woocommerce_checkout_fields($fields){
    
    $fields['billing']['billing_address_1']['label']="Адрес доставки";
    $fields['billing']['billing_city']['label']="Город доставки";
    
    return $fields;
}

В данном примере мы переименовали поле город (населённый пункт) в "Город доставки", а поле адрес в "Адрес доставки". Аналогичным способом можно переименовать остальные поля. Чтобы узнать какие у вас есть поля смотрите шаг 3.

3) В функцию выше, вы можете забросить вот такой код print_r($fields); wp_die(); и посмотреть результаты работы этого скрипта.

add_filter( 'woocommerce_checkout_fields' , 'new_woocommerce_checkout_fields', 10, 1 );
 
function new_woocommerce_checkout_fields($fields){
    
    print_r($fields); wp_die();
    
    return $fields;
}

Или же открыть скриншот ниже, в нем результат работы этой функции и все параметры для настройки оформления заказа:

 

Вот так просто можно переименовать одно или несколько полей на странице оформления заказа в вукомерц. Тип поля меняется аналогично, смотрите пошаговую инструкцию ниже.

 

Как изменить тип поля оформления заказа с input на textarea

к менюПредположим у нас на странице checkout есть поле "Адрес" и у него поле для ввода типа input. Давайте сделаем чтобы оно стало textarea, также удалим следующие поле за ним по ненадобности, смотрите скин:

как изменить тип поля оформления заказа с input на textarea

Открываем админку, файл functions.php в редакторе, в самый конец забрасываем туда вот такой код:

add_filter( 'woocommerce_checkout_fields' , 'new_woocommerce_checkout_fields', 10, 1 );
 
function new_woocommerce_checkout_fields($fields){
    
    $fields['billing']['billing_address_1']['type']="textarea"; //меняем тип поля с input на textarea
    
    $fields['billing']['billing_address_1']['label']="Адрес для доставки"; // переименовываем поле
    
    unset($fields['billing']['billing_address_2']); //удаляем Подъезд, этаж и т.п.
    unset($fields['billing']['billing_city']); //удаляем Населённый пункт
    
    return $fields;
}

и сразу же смотрим результаты работы этой функции:

Комментарии смотрите в коде, каждая строчка имеет свое значение.

 

Вот собственно и все. В этом уроке я показал вам как делается настройка страницы оформления заказа у woocommerce. Не забудьте поделиться этой статьей со своими друзьями:

Комментарии к записи «Woocommerce настройка оформления заказа – checkout»:
  1. марат:

    а в каком файле это делать?

    • admin:

      Код добавлять куда? - в файл functions.php вашей темы. В такой способ мы не трогаем основной шаблон woocommerce, а вносим правки в свою тему.

Сделать заказ
Онлайн помощь по WordPress