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

Мне обычно нравится рассказывать и показывать что-то на конкретном примере, так же мы и поступим в этот раз.

В этом уроке мы поработаем с полями Имя и Фамилия, а именно – удалим поле Фамилия, а поле имя переименуем в ФИО. Для наглядности взгляните на этот скриншот.

изменение названий полей оформления заказа в WooCommerce
Мы удалили поле Фамилия, переименовали поле Имя в ФИО, сделали его на всю ширину и даже добавили плейсхолдер!

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

Кроме того, на моём сайте есть целый видеокурс по WooCommerce, в котором есть отдельный видеоурок по странице оформления заказа. Рекомендую всем.

А теперь готовый код, который вы можете вставить в functions.php текущей или дочерней темы.

add_filter( 'woocommerce_checkout_fields', 'truemisha_fio_field', 25 );
 
function truemisha_fio_field( $fields ) {
 
	// сначала переименовываем поле Имя
	$fields[ 'billing' ][ 'billing_first_name' ][ 'label' ] = 'ФИО';
	// добавляем плейсхолдер на поле Имя
	$fields[ 'billing' ][ 'billing_first_name' ][ 'placeholder' ] = 'Ваше полное фамилия имя отчество';
	// удаляем поле фамилии
	unset( $fields[ 'billing' ][ 'billing_last_name' ] ); // фамилия
	// также изменяем класс поля, чтобы оно стало на всю ширину
	$fields[ 'billing' ][ 'billing_first_name' ][ 'class' ][ 0 ] = 'form-row-wide';
 
	return $fields;
 
}
  • $fields, это массив всех полей, используемых на странице оформления заказа, вы легко можете распечать его при помощи print_r() и посмотреть ключи массивов.
  • У каждого поля есть элементы массива label и placeholder, изменяя которые, вы можете соответственно изменить название любого поля и добавить какой-то плейсхолдер.
  • После того, как я удалил поле «Фамилия», мне также пришлось изменить класс поля Имя с form-row-first (он был по умолчанию) на form-row-wide, для того, чтобы поле красиво отображалось на всю ширину.

Миша

Недавно я осознал, что моя миссия – способствовать распространению WordPress. Ведь WordPress – это лучший движок для разработки сайтов – как для тех, кто готов использовать заложенную структуру этой CMS, так и для тех, кто предпочитает headless решения.

Сам же я впервые познакомился с WordPress в 2009 году. Организатор WordCamp. Преподаватель в школах Epic Skills и LoftSchool.

Если вам нужна помощь с вашим сайтом или может даже разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда сделаем вам всё на лучшем уровне.

Комментарии — 3

Оставить комментарий

Если вы хотите добавить код, не забудьте обернуть его в <pre lang="php"></pre>, если же код – меньше одной строчки, то можно и в <code></code>.