Для чего нужны меню
Навигационное меню, это переиспользуемый список ссылок. Вы создаете меню один раз в разделе Меню вашей панели, затем указываете шапке или подвалу на меню внутри конструктора. Одни и те же меню доступны по всему вашему магазину, поэтому одно меню можно переиспользовать в нескольких местах.
Открытие раздела Меню
Перейдите в раздел Меню из главной навигации. Список показывает каждое созданное вами меню, сначала новые, с датой создания. Для открытия и редактирования этого раздела нужно разрешение Menus.
Создание нового меню
- Нажмите Create new menu. Откроется модальное окно.
- Введите Menu name (обязательно, до 50 символов). Название только для вашего ориентира и никогда не показывается покупателям.
- Добавьте пункты в области Menu items (см. ниже).
- Нажмите Save.
Меню должно содержать хотя бы один пункт с подписью и ссылкой, иначе сохранение отклоняется с сообщением "Please enter the first label".
Добавление пунктов меню
Введите текст в пустое поле Label, чтобы создать первый пункт. Как только пункт появляется, у него возникает поле Link, а ниже появляется новое пустое поле подписи, чтобы вы могли продолжать добавлять пункты.
- Label: текст, который видят покупатели, до 50 символов.
- Link: назначение. Это должен быть либо полный веб-адрес (например, https://example.com), либо внутренний путь магазина не более чем из двух сегментов, например /products, /collections/shoes или /pages/about.
Поле Link включает быстрые выборы, чтобы вам не приходилось вводить пути вручную: Home page, Search page и поисковые списки для collections, Products и Pages.
Вложенность и ограничения
Меню поддерживают три уровня. Каждый пункт может содержать дочерние пункты, а каждый дочерний может содержать свои:
- Label (верхний уровень): до 5 пунктов.
- Sub label (второй уровень): до 10 пунктов под каждым пунктом верхнего уровня.
- Specific label (третий уровень): до 10 пунктов под каждой подподписью.
Когда уровень заполнен, его поле добавления отключается и показывает сообщение "limit reached". Как эти вложенные пункты выглядят для покупателей (как выпадающее меню, мегапанель или выезжающая панель), выбирается позже в конструкторе, а не здесь. Редактор меню определяет только структуру ссылок.
Изменение порядка и удаление пунктов
Перетащите пункт за ручку (иконка полосок слева от него), чтобы изменить его порядок в пределах уровня. Нажмите красную кнопку корзины на пункте, чтобы удалить его вместе с любыми пунктами, вложенными под ним.
Редактирование или удаление меню
- Нажмите на строку меню в списке, чтобы открыть его. Модальное окно показывает название и все текущие пункты.
- Измените название или пункты, затем нажмите Save. Кнопка Save остается неактивной, пока вы что-то не измените.
Чтобы удалить меню, отметьте флажок на каждой строке меню и нажмите Delete menus в панели действий таблицы. Удаление меню, на которое все еще указывает шапка или подвал, оставляет этот блок без ссылок, пока вы не назначите другое меню.
Подключение меню к шапке
- Откройте конструктор и выберите секцию Header, затем нажмите элемент Menu.
- Под Menu нажмите Select menu. Откроется выпадающий список с поисковой строкой и перечнем ваших меню. Выберите одно. (Выбор предзагружает ваши 10 самых недавних меню; введите текст в поиске, чтобы найти более старые.)
- Как только меню выбрано, вы получаете кнопки Replace, Edit (открывает это меню в новой вкладке) и Remove.
- Разделы Appearance и Mobile layout появляются только после выбора меню. Настройте их, затем опубликуйте страницу.
Параметры вида меню в шапке
- Type: Mega menu (большие многоколоночные панели), Dropdown (простые списки) или Drawer (выезжающая панель).
- Position: слева, по центру или справа внутри шапки.
- Row: top (та же строка, что и логотип) или bottom (отдельная строка ниже).
- Color scheme: одна из ваших 9 цветовых схем темы (от 0 до 8) для выпадающего меню или мегапанели.
- Mobile layout: переключатель Navigation bar плюс собственная цветовая схема.
Если задать тип Drawer, элементы Position, Row и Mobile layout скрываются, потому что выезжающая панель всегда крепится к начальному краю.
Подключение меню к подвалу
- Откройте конструктор и выберите секцию Footer.
- Если блока Menu еще нет, добавьте один с помощью элемента добавления блока в подвале. Подвал содержит только один блок Menu.
- В блоке Menu нажмите Select menu и выберите меню. У блока Menu в подвале нет параметров типа отображения: он просто отрисовывает ссылки меню.
- Опубликуйте страницу.
Поведение по рынкам и публикация
- Ваши меню общие для всего магазина. То, на какое меню указывает шапка или подвал, сохраняется в шаблоне конструктора, поэтому разные шаблоны могут указывать на разные меню.
- Превью конструктора обновляется мгновенно, но покупатели видят новое или измененное меню только после публикации страницы, которая его использует.
- Редактирование пунктов меню обновляет его везде, где это меню используется, после публикации соответствующих страниц. Перепривязывать его не нужно.
- Используйте понятные названия, например "Main navigation" и "Footer links". Меню шапки обычно несут основную навигацию, а меню подвала, юридические и второстепенные ссылки, поэтому держать их раздельно, это самая простая схема.