- Платформа PARTS SOFT /
- Возможности /
- Сайт — Меню
Сайт — Меню
Рассмотрим один из элементов шаблонизатора – редактор меню сайта.
БЫЛО: меню формировалось через категории страниц и продуктовые категории. Отсутствовало четкое понимание, как и где оно формируется. Существующие объекты приходилось «притягивать» к нужным пунктам меню. Результат не всегда получался корректным и удобным.
СТАЛО: появился отдельный редактор, который позволяет с легкостью создать элементы меню сайта и настроить их вложенность.
Настройка меню
ШАГ 1. Перейдите к редактору Сайт → Меню сайта. В списке могут присутствовать как созданные Вами меню, так и экспортированные нами при инициализации шаблонов. Их можно отредактировать либо удалить.
Для создания нового меню нажмите на кнопку «Создать».
РЕЗУЛЬТАТ: откроется форма настройки меню.
ШАГ 2. В форме настройки укажите название меню (1) и его код (2), под которым данное меню будет доступно в шаблоне. Для кода допустимы только латинские буквы.
Отметьте галочкой опцию Активность меню (3), если оно должно быть доступно в шаблоне.
Нажмите на кнопку «Сохранить».
РЕЗУЛЬТАТ: новое меню появится в общем списке. Также появится возможность настройки элементов меню.
ШАГ 3. Рассмотрим процесс на примере создания нескольких элементов верхнего меню сайта:
- Главная – перевод клиента на главную страницу сайта;
- Покупателям – элемент меню будет включать подменю;
- Оплата – подменю, переход на страницу сайта с информацией об оплате;
- Возвраты – подменю, переход на соответствующую страницу сайта.
Нажмите на кнопку «Добавить элемент» и заполните появившиеся поля в блоке настроек элемента меню. Описание настроек приведено в Таблице.
Нажмите на кнопку «Сохранить». Новая запись появится в списке элементов меню. Каждый элемент можно отредактировать либо удалить.
№ |
Настройка |
Описание |
---|---|---|
1 |
Название |
Название элемента меню. |
2 |
Ссылка |
Ссылка на страницу сайта. |
3 |
Привязка к региону |
Из выпадающего списка можно выбрать регион либо оставить данный элемент меню без привязки к региону. |
4 |
Способ перехода |
Выбирается, каким образом открыть страницу сайта: в текущем окне или в новой вкладке. Работа данной настройки зависит от правильности реализации верстки меню.
|
5 |
HTML атрибуты |
Можно указать HTML атрибуты для данного элемента меню. |
6 |
CSS стили для пункта меню |
Можно указать конкретные CSS стили для данного элемента меню. |
7 |
Код |
Можно указать конкретный код для данного элемента меню. Для кода допустимы только латинские буквы. |
8 |
Выбрать иконку |
Можно указать путь к файлу – иконке для данного элемента меню. В клиентской части иконка будет выводиться в том случае, если это предусмотрено версткой.
|
ШАГ 4. После создания всех нужных элементов меню можно переходить к настройке вложенности.
Нажмите на кнопку «Изменить порядок» (1). Левой кнопкой мыши перетащите элементы на нужные позиции (2): вверх-вниз (изменится очередность пунктов меню) или вправо-влево (изменится их вложенность).
В нашем примере нужно перетащить элементы “Оплата” и “Возвраты” вправо под меню “Покупателям”. Таким образом, мы получим пункты подменю в клиентской части.
По окончании настройки нажмите на кнопку «Сохранить порядок» (3).
Видео по теме
YouTube
RuTube
VK
Связанные разделы