Как удалить сайдбар со страницы товара WordPress
02.10.2019
Как добавить подарок в корзину WooCommerce
14.10.2019
Показать всё

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


Оригинал статьи https://docs.woocommerce.com/document/add-static-content-to-the-storefront-header/

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

Шапка темы состоит из нескольких зон. Рядом с названием зоны в скобках указан приоритет. Изменяя приоритет, можно менять зоны местами или добавлять свои блоки.

Storefront-Header

Добавим свой блок с номером телефона.

Так как нашему блоку указан такой же приоритет, как и блоку с поиском. То блоки встанут рядом.

Storefront-Header-2

Не очень элегантно выглядит, поэтому наведём красоту с помощью CSS. Уберём отмену обтекания и уменьшим шрифт.

style="text-align: right; font-size: 15px;"

Storefront-Header-3Чтобы скрыть блок на мобильных, добавьте ему класс .hide-on-mobile

В CSS укажите:

@media (max-width: 720px) {
.hide-on-mobile {
display: none;
}
}

 

 

 

 

 

Статья была полезна? Поделитесь, поставьте оценку, спрашивайте)

Начать проект