Создание пунктов меню

В данной инструкции рассмотрим следующие вопросы:

• Создание пунктов главного меню "Оплата", "Доставка" и т.п.
• Выпадающие пункты главного меню (2 способа создания)

Создание пунктов главного меню "Оплата", "Доставка" и т.п.

Рисунок 1.

Главное меню формируется через добавление пунктов меню и привязку к ним статических страниц, на которые данные пункты ссылаются.

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

Рисунок 2.

Далее у необходимого блока меню (Главное меню, Нижнее меню, Мобильное меню) нажимаем на кнопку "Добавить пункт меню" (см. рис.3).

Рисунок 3.

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

1. Имя пункта меню - например, "Контакты".

2. Тип ссылки

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

В данном примере, допустим, выберем вариант "Существующая страница".

3. URL - необходимо прописать адрес статической страницы, для чего необходимо нажать ссылку "Выбрать" и выбрать из списка нужную страницу (рис.5).

Рисунок 4.

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

Рисунок 5.

Заметка

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

Рисунок 6.

4. Родитель - здесь мы указываем в какой элемент меню вложен наш создаваемый пункт меню. В случае создания пункта главного меню выбираем "Корневой элемент".

5. Открывать в новой вкладке - при установке данной опции по клику на пункт меню он будет открываться в новой вкладке в браузере.

6. Доступен - доступность элемента из клиентской части магазина.

7. Запретить индексацию - пункт меню будет закрыт от индексации поисковыми системами.

8. Кому показывать:

• Всем - пункт будет показываться всем пользователям.
• Зарегистрированным - пункт будет показываться только для зарегистрированных пользователей.
• Незарегистрированным - пункт будет показываться только для незарегистрированных пользователей.

9. Иконка - мини-изображение пункта меню.

Внимание!

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

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

После заполнения полей нажимаем "Сохранить".

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

Всё готово.

Выпадающий элемент пунктов главного меню (2 способа создания)

Рисунок 7.

В данном пункте рассмотрим:

• Описание настроек создания пунктов выпадающего меню
• 2 способа создания выпадающих пунктов меню
   

Описание настроек создания пунктов выпадающего меню

Чтобы добавить всплывающий элемент к пункту главного меню (рис. 7), необходимо выбрать представление главной страницы в две колонки.

Для этого необходимо перейти в панель администрирования, выбрать пункт меню "Интернет-магазин" - "Параметры магазина" - "Основное", раздел "Дизайн и представление" и в пункте "Режим отображения главной страницы"  нужно выбрать - "Две колонки" (рис. 8.

Рисунок 8.

Чтобы настроить выпадающий список, необходимо зайти в пункт меню "Интернет-магазин" - "Меню".

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

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

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

1. Имя пункта меню - например, "Контакты".

2. Тип ссылки

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

В данном примере, допустим, выберем вариант "Существующая страница".

3. URL - необходимо прописать адрес статической страницы, для чего необходимо нажать ссылку "Выбрать" и выбрать из списка нужную страницу (рис.10).

Рисунок 9.

Рисунок 10.

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

4. Родитель - здесь мы указываем, в какой элемент меню вложен наш создаваемый пункт меню. В случае создания всплывающего пункта меню в данном поле отобразится пункт, к которому мы добавляем вложенные элементы.

5. Открывать в новой вкладке - при установке данной опции по клику на пункт меню он будет открываться в новой вкладке в браузере.

6. Доступен - доступность элемента из клиентской части магазина.

7. Запретить индексацию - пункт меню будет закрыт от индексации поисковыми системами.

8. Кому показывать:

• Всем - пункт будет показываться всем пользователям.
• Зарегистрированным - пункт будет показываться только для зарегистрированных пользователей.
• Незарегистрированным - пункт будет показываться только для незарегистрированных пользователей.

9. Иконка - мини-изображение пункта меню.

Внимание!

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

После заполнения полей нажимаем "Сохранить".

2 способа создания выпадающих пунктов меню

Рассмотрим два варианта добавления выпадающего элемента.

Первый способ

При создании пункта меню указать Родителя (рис.11).

Рисунок 11.

Второй способ.

Созданный пункт меню "вложить" в нужный родительский пункт меню. Фактически нужно захватить левой кнопкой мыши пункт меню и перетянуть в родительский (см. рис.12).

Рисунок 12.

Получаем следующую вложенность (см. рис.13).

Рисунок 13.

Всё готово.