Вопрос или проблема
Я владею и управляю игровым веб-сайтом. Игры перечислены в каталоге WooCommerce (это было настроено до моей покупки).
Каждый раз, когда загружается страница каталога игр, вверху отображается заголовок “Магазин”.
Я хочу полностью удалить заголовок, так как это на самом деле не магазин.
Страницу нельзя редактировать (так как она создается с помощью плагина WooCommerce), и в настройках WooCommerce нет возможности удалить его или хотя бы изменить на что-то другое.
Я потратил, возможно, два часа, пытаясь удалить слово “Магазин” со страницы, используя различные методы PHP и CSS, о которых я читал онлайн для людей с аналогичной проблемой, но безуспешно.
Как это можно сделать?
Ответ или решение
Чтобы удалить заголовок "Магазин" с каталога WooCommerce, существует несколько подходов, которые можно использовать. Я приведу наиболее распространенный способ, который основан на добавлении кода в файл вашей темы или дочерней темы.
Подход 1: Использование фильтра в functions.php
Вы можете использовать фильтр woocommerce_page_title, чтобы изменить или удалить заголовок страницы магазина. Для этого выполните следующие шаги:
- Войдите в админку WordPress.
- Перейдите в раздел "Внешний вид" -> "Редактор тем".
- Найдите файл
functions.phpвашей активной темы (или дочерней темы) и откройте его для редактирования. - Добавьте следующий код в конец файла:
add_filter('woocommerce_page_title', function($title, $id) {
if (is_shop()) {
return ''; // Убираем заголовок
}
return $title;
}, 10, 2);- Сохраните изменения.
Этот код проверяет, находитесь ли вы на странице магазина и если да, то возвращает пустую строку, тем самым удаляя заголовок.
Подход 2: Использование CSS
Если вы хотите скрыть заголовок с помощью CSS, это также возможно, но это не рекомендуется как единственный способ, поскольку заголовок все равно будет загружаться в HTML-коде. Тем не менее, вот как можно это сделать:
- Перейдите в раздел "Внешний вид" -> "Настроить".
- Выберите "Дополнительные стили" или "Дополнительный CSS".
- Добавьте следующий CSS-код:
.woocommerce-page h1.woocommerce-products-header__title {
display: none;
}- Сохраните изменения.
Этот код скрывает заголовок с помощью CSS, и хотя он по-прежнему будет присутствовать в коде страницы, он не будет виден пользователям.
Заключение
Наилучший способ удалить заголовок "Магазин" – это использовать фильтр в functions.php, как описано в первом методе. Это обеспечит удаление заголовка на уровне сервера и улучшит пользовательский опыт. Метод с применением CSS может быть использован, если вы не хотите редактировать код, но он не является идеальным решением.
Если у вас есть какие-либо вопросы или вам нужна дополнительная помощь, не стесняйтесь обращаться!