Как вам помочь ?

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

Статья актуальна для версии магазина: 11.0 | 10.0 | 8.0 | 6.0 | 5.0

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

 

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

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

Меню в мобильной версии - 7367
Рисунок 1.

Создание пунктов мобильного меню - 8733
Рисунок 2.

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

Создание пунктов мобильного меню - 2407
Рисунок 3.

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

Создание пунктов мобильного меню - 5794
Рисунок 4.

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

Создание пунктов мобильного меню - 3361
Рисунок 5.

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

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

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

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

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

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

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

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

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

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

Выбираем нужную страницу
Рисунок 6.

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

Заметка

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

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

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

 

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

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

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

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

Меню в мобильной версии - 2084
Рисунок 7.

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

Нижнее меню навигации
Рисунок 8.

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

Нижнее меню навигации
Рисунок 9.

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

Другие статьи по теме

Статья оказалась полезной?
Благодарим за отзыв.

Как мы можем улучшить статью?

Не нашли нужную статью? Предложить свою тему

Не нашли нужную статью?

Благодарим за отзыв.

Тэги: меню, пункт, пункт меню, мобильное меню, пункт мобильного меню, меню в мобильной версии, панель навигации, навигация

Мы используем cookies. Подробнее...