Удалить «Результаты поиска: '%s'» и пустое пространство со страницы результатов поиска магазина Woocommerce
Я пытаюсь удалить текст «Результаты поиска: ' '», который показывает вышеперечисленные продукты на странице результатов поиска Woocommerce Storefront. Ниже приведено изображение с обведенным текстом ссылки:
Я пытался искать в search.php в редакторе тем, но смог найти только то, как удалить «Результаты поиска для '% s'» из хлебных крошек. Как удалить только то, что обведено на изображении выше?
Редактировать:
Я использовал следующий код, чтобы удалить заголовок результатов поиска, но осталось пустое место, где заголовок был удален. Как бы мне также удалить это пустое пространство?
function filter_woocommerce_page_title($page_title){
if (is_search()){
{$page_title = '';
}
}
add_filter('woocommerce_page_title', 'filter_woocommerce_page_title', 10, 1);
Ответы 1
Вам нужно использовать крючок woocommerce_page_title. Если is_search() верно, вы удаляете текст:
do_action( 'woocommerce_page_title',
function( $page_title ) {
if ( is_search() ) {
$page_title = ''; // Or your custom text
}
return $page_title;
},
10, 1
);
См. Справочник хуков для получения дополнительной информации.
Чтобы скрыть оставшееся поле, попробуйте установить следующий CSS:
.search .woocommerce-products-header__title {display: none;}
Пустое место связано с полем. Вы можете использовать трюк CSS, чтобы скрыть пустые элементы: css-tricks.com/almanac/selectors/e/empty
Когда я добавляю div:empty {display: none;} в пользовательский CSS, ничего не меняется. Есть ли что-то еще, что нужно добавить в CSS, чтобы удалить пустое пространство только для заголовка результатов поиска в магазине?
Попробуйте отфильтровать по классу: .search .woocommerce-products-header__title
@tinyiguanas Я обновил свой ответ. Можете ли вы проверить, решает ли это вашу проблему?
Да, это прекрасно работает. Я также добавил .storefront-sorting {margin-top: -75px} и .search .storefront-breadcrumb {margin-bottom: -100px;}, чтобы уменьшить пустое пространство между товарами и заголовком.
Этот код у меня не работал, но я попробовал что-то, что сработало, и добавил его к вопросу выше. Знаете ли вы, как я могу удалить пустое пространство, оставшееся после удаления заголовка, используя этот код?