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

Проблема: стандартный заголовок оформления заказа не подходит под дизайн

WooCommerce по умолчанию выводит заголовок страницы оформления заказа как «Оформление заказа» или «Checkout». В некоторых случаях требуется изменить этот заголовок на более релевантный или кастомный текст без установки дополнительных плагинов, чтобы не перегружать сайт и не влиять на производительность.

Диагностика текущего заголовка

Для начала нужно убедиться, что заголовок действительно выводится стандартной функцией WooCommerce и не переопределяется темой или плагинами. Зайдите на страницу оформления заказа и откройте исходный код страницы (Ctrl+U в браузере). Найдите тег <h1> или другой заголовок, который отображает текст «Оформление заказа».

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

Пошаговое решение: изменение заголовка через фильтр WordPress

WooCommerce использует функцию woocommerce_page_title() для вывода заголовка страницы. Чтобы изменить заголовок именно на странице оформления заказа, достаточно добавить в файл functions.php вашей дочерней темы или в специальный плагин для кастомного кода следующий код:

add_filter('woocommerce_page_title', 'custom_woocommerce_checkout_title');
function custom_woocommerce_checkout_title($title) {
    if (is_checkout() && ! is_order_received_page()) {
        $title = 'Ваш новый заголовок оформления заказа';
    }
    return $title;
}

Этот код проверяет, что мы находимся именно на странице оформления заказа и не на странице благодарности, после чего возвращает нужный заголовок.

Альтернативный способ: переопределение шаблона

Если требуется более сложная кастомизация заголовка, можно скопировать файл woocommerce/templates/checkout/form-checkout.php в папку темы your-theme/woocommerce/checkout/form-checkout.php и там изменить HTML заголовка вручную.

Проверка результата

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

Частые ошибки и их исправления

• Код не работает: убедитесь, что код добавлен в functions.php активной дочерней темы, а не в основной теме, которую обновляет WordPress.
• Заголовок не меняется на странице благодарности: фильтр не срабатывает, потому что там условие ! is_order_received_page(). Для изменения заголовка там нужен отдельный хук.
• Конфликты с темой: некоторые темы жестко задают заголовки через свои шаблоны, тогда нужно искать переопределение или переопределять шаблон вручную.
• Кэширование: при использовании кеширующих плагинов или CDN может понадобиться очистка кэша или временное их отключение.

Практические советы по безопасности и производительности

• Добавляйте кастомный код в дочернюю тему или отдельный плагин, чтобы не потерять изменения при обновлении.
• Избегайте тяжелых операций в фильтрах, чтобы не замедлять загрузку страниц.
• Проверяйте совместимость с другими плагинами и обновлениями WooCommerce.

Сравнение способов изменения заголовка