Storefront: как изменить ссылки в футер-баре

Перевод. Оригинал на сайте разработчика.

Настройка футер-бара обрабатывается с помощью фильтра storefront_handheld_footer_bar_links.

Использование следующего сниппета приведет к удалению одной или несколько ссылок.

Скрыть футер-бар #

Чтобы скрыть футер-бар вообще — удалим функцию.

Добавление ссылки #

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

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

Теперь ссылка находится на месте, но в без иконки.

Нам нужно добавить немного CSS. Поскольку FontAwesome поставляется в комплекте с Storefront, выберите и используйте значок из этого набора.

Найдите нужную иконку на сайте FontAwesome и укажите ее значение в юникоде. В этом случае мы будем использовать иконку главная которая имеет значение Юникодаf015.

Вот CSS, который вам нужен для домашней ссылки, которую мы создали.

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

Вот и готовый результат: