TapBar

Описание

Панель со значками внизу экрана — там, где до неё дотягивается большой палец

На телефоне обычное меню спрятано за тремя полосками в самом верху экрана. Чтобы открыть каталог или корзину, посетитель должен дотянуться до верхнего угла, нажать бургер, дождаться выпадения списка и найти нужный пункт. TapBar выносит главные разделы в нижнюю полосу: один палец, одно касание, ноль поиска глазами.

Что можно поставить в панель

• Главная — на выбор четыре начертания домика; только этот значок подсвечивается как текущий раздел на самой главной.
• Ссылка — любой раздел сайта, телефон для звонка, мессенджер.
• Меню — выпадающий список пунктов вашего меню WordPress, строится из настоящего меню, а не копии. Подразделы открываются отдельным экраном с кнопкой «Назад», а не вываливаются общей лентой: в большом каталоге иначе теряешь, где находишься.
• Поиск — строка выезжает прямо над панелью; можно искать по всему сайту или только по товарам.
• Корзина — со счётчиком товаров; можно прятать, пока корзина пуста.
• Кабинет — гостю «Войти», покупателю «Кабинет»: за одним значком то, что нужно именно сейчас.
• Действие — наверх страницы, назад, либо своё событие для попапа, чата или формы обратного звонка.
• Свой код — если нужен виджет стороннего сервиса.

Аналитика нажатий — то, чего обычно нет

Панель считает, сколько раз её увидели и по каким значкам нажимали. Элемент, который почти не трогают, занимает место того, который нажимали бы. Без этих чисел состав панели подбирается вслепую. Главные числа выводятся виджетом прямо в консоли WordPress, а из статистики можно исключить свои же заходы под администратором, иначе они портят картину.

Ноль байт там, где панель не показывается

Обычный подход — вывести панель на каждой странице и спрятать медиазапросом: посетитель скачивает разметку, стили и скрипт даже там, где панель никогда не появится. TapBar решает вопрос на сервере: если правила не подошли, на страницу не попадает ни одного байта плагина. На оформлении заказа панель по умолчанию выключена — там всё внимание должно быть на форме.

Гибкие правила показа

Ширина экрана, тип страницы (главная, каталог, карточка товара, корзина, кабинет, архивы, поиск, 404), кому показывать — всем, только гостям или только вошедшим. Панелей может быть несколько: своя для каталога, своя для статей.

Редактор с предпросмотром

Панель собирается перетаскиванием, а справа — макет телефона, в котором она сразу и выглядит, и работает: меню раскрывается, поиск открывается. Это тот же код, что работает на сайте, поэтому предпросмотру можно верить. Элемент можно временно выключить, не удаляя, — настройки и статистика сохранятся.

Оформление

Положение сверху или снизу, цвета фона, значков, активного элемента и линии, высота, размер значка и подписи, скругление, тень, ограничение ширины. 22 значка в едином контурном стиле с поиском по русским словам. Текущий раздел отмечается точкой, подложкой, полоской у края или просто цветом — одного цвета обычно мало, его не замечают. Кроме встроенных значков можно поставить свои картинки из медиатеки. Девять готовых наборов оформления: набор подставляет значения в те же поля, что правятся руками, поэтому после него всё можно доправить. Отдельно — отступ под системную полосу iPhone без кнопки «Домой», иначе нижний ряд значков перекрывается.

Что будет, когда лицензия закончится

Настроенные панели продолжат работать — посетители ничего не заметят. Закроются редактор, обновления и поддержка. Панель — это навигация, к которой люди привыкли, и мы не считаем правильным ломать её вашим покупателям в день окончания срока.

Требования

• WordPress 6.0 и выше, PHP 7.4 и выше
• WooCommerce — только если нужны элементы «Корзина» и «Кабинет»; без магазина плагин работает как обычная панель навигации
• Совместим с любой темой: панель не встраивается в шаблон, а выводится отдельным слоем

Частые вопросы

Панель закроет конец страницы? Нет — плагин сам добавляет отступ ровно на свою высоту и пересчитывает его при повороте экрана.

Сколько значков можно поставить? До семи. Восьмой уже не читается даже на широком телефоне, поэтому предел жёсткий.

Будет ли панель тормозить сайт? Стили и скрипт печатаются прямо в страницу и весят пару килобайт — два лишних запроса к серверу обошлись бы дороже самого содержимого.