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

Иногда может возникнуть необходимость изменить, переименовать или удалить некоторые поля со страницы оформления заказа в WooCommerce. Можно воспользоваться плагинами, а можно и пошаманить с кодом. В серии статей мы расскажем вам как работать с полями на странице оформления заказа.

Для того, чтобы воздействовать на эти поля нам необходимо воспользоваться фильтром woocommerce_checkout_fields, что позволит перезаписать любое поля. В качестве примера давайте заменим текст плейсхолдера в поле order_comments (Комментарии к заказу). Сейчас оно выглядит так:

Мы можем изменить его путем добавления простой функции в в файл functions.php вашей темы или в плагин для сайта WordPress:

Вот и все! Таким же образом можно перезаписать и другие части, как например названия полей:

Можно вовсе удалить эти поля:

Ниже мы приводим полный список полей в массиве, которые можно изменить:

  • Оплата
    • billing_first_name
    • billing_last_name
    • billing_company
    • billing_address_1
    • billing_address_2
    • billing_city
    • billing_postcode
    • billing_country
    • billing_state
    • billing_email
    • billing_phone
  • Доставка
    • shipping_first_name
    • shipping_last_name
    • shipping_company
    • shipping_address_1
    • shipping_address_2
    • shipping_city
    • shipping_postcode
    • shipping_country
    • shipping_state
  • Аккаунт
    • account_username
    • account_password
    • account_password-2
  • Заказ
    • order_comments

Каждое поле содержит массив свойств:

  • type – тип поля (text, textarea, password, select)
  • label – название для поля ввода
  • placeholder – плейсхолдер (placeholder) для поля ввода
  • class – класс для поля ввода
  • required – true или false, в зависимости от того, является ли поле обязательным
  • clear – true или false, применяет clear fix к полю/его названию
  • label_class – класс для элемента названия поля (label)
  • options – для блоков выбора,массив опций (пары key => value)

В некоторых случаях вам нужно будет использовать фильтр woocommerce_default_address_fields. Этот фильтр применяется ко всем стандартным полям оплаты и доставки:

  • country
  • first_name
  • last_name
  • company
  • address_1
  • address_2
  • city
  • state
  • postcode

Например, для того, чтобы сделать поле address_1 не обязательным, нужно добавить следующий код:

Определяем опции выбора из списка

Если вы добавляете поле с типом ‘select’, как указывалось выше, вам нужно будет определить пары ключ/значение (key/value). Например:

Мы надеемся, что эта статья помогла вам научиться работать с полями на странице оформления заказа в WooCommerce.

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

По всем вопросам и отзывам просьба писать в комментарии ниже.

Не забывайте, по возможности, оценивать понравившиеся записи количеством звездочек на ваше усмотрение.

Источник

Written by: