Меню в мобильной версии

В данной статье рассмотрим добавление пунктов мобильного меню и их настройки.

• Добавление пунктов мобильного меню
• Нижняя панель навигации

Добавление пунктов мобильного меню

Пункты меню для мобильной версии (рис. 1) формируются отдельно от пунктов главного меню в десктопе, но настройки аналогичны. Для того чтобы добавить новый пункт меню в мобильной версии или отредактировать имеющийся, перейдите в панель администрирования в пункт меню "Мои сайты" - "Редактировать" (рис. 2).

Рисунок 1.

Рисунок 2.

Выберите вкладку "Меню", нас интересует блок "Мобильное меню" (рис. 3).

Рисунок 3.

Здесь можете отредактировать существующий пункт меню, нажав на карандаш в строке выбранного пункта. Чтобы добавить новый пункт меню нажимаем кнопку "Добавить пункт меню" (рис. 4).

Рисунок 4.

В открывшемся окне необходимо заполнить поля (рис. 5):

Рисунок 5.

Имя пункта меню - укажите название, которое будет отображаться на витрине.

Тип ссылки - можете выбрать "Существующая страница".

URL - здесь необходимо прописать адрес страницы.

Активность - поставьте галочку, если данный пункт должен отображаться в мобильной версии на витрине магазина.

Открывать в новой вкладке - поставьте галочку, если необходимо открывать страницу пункта меню в новой вкладке.

Доступен - поставьте галочку, если пункт меню должен выводиться на витрине.

Запретить индексацию - поставьте галочку, если необходимо закрыть пункт меню от индексации.

Кому показывать - выберите из списка каким пользователям будет отображаться пункт меню.

Иконка - можете загрузить изображение, которое будет отображаться рядом с названием пункта меню.

Если в пункте "Тип ссылки" выбрали "Существующая страница", рядом со строкой URL появится ссылка "Выбрать", в открывшемся окне выберите из списка нужную страницу (рис. 6).

Рисунок 6.

Если статической страницы, на которую должен ссылаться пункт главного меню, нет в списке, её можно добавить - подробнее о добавлении статических страниц.

Заметка

• Если пункт меню не будет привязан к статической странице, то при нажатии на данный пункт будет совершен переход на страницу с ошибкой 404. То же самое произойдет, если статическая страница будет удалена, но ссылка в меню останется.
• Если в пунктах главного меню необходимо разместить какой-либо отдельный каталог, бренд или товар, это можно реализовать вышеописанным способом. Привязка к пункту меню будет осуществляться не на статическую страницу, а на категорию, бренд, товар и т.д. В этом случае в поле "Тип ссылки" нужно указать соответственно "Товар", "Категория", "Новости" или "Бренд", а в поле URL по ссылке "Выбрать" указать нужную страницу из списка.

Тип ссылки "Новая страница" необходим в том случае, если планируется разместить в меню ссылку на сторонний ресурс, и в поле URL указать адрес нужной страницы.

После заполнения полей нажимаем "Сохранить". Для проверки необходимо перейти в клиентскую часть и обновить страницу.

Нижняя панель навигации

В нижнем меню навигации есть разделы (рис. 7):

• Главная - переход на главную страницу магазина.
• Каталог - вывод каталога товаров.
• Корзина - переход в корзину магазина.
• Избранное - отображение товаров, которые были добавлены в избранное.
• Войти - авторизация в личном кабинете.

Заменить или изменить порядок пунктов меню возможности нет.

Рисунок 7.

Для кнопки "Каталог" нижнего меню с версии 11.0.3 можно задать один из двух вариантов действия (рис. 8) - переход на страницу /catalog или вызов мобильного меню - в разделе "Мои сайты - Редактировать - Моб. версия".

Рисунок 8.

Чтобы отключить нижнее меню навигации, перейдите в раздел "Мои сайты - Редактировать - Моб.версия" и деактивируйте настройку "Показывать нижнюю панель"(рис. 9).

Рисунок 9.

Всё готово. Мы рассмотрели нижнюю панель в мобильной версии и как создать пункты мобильного меню.