Сайт - Меню

Рассмотрим один из элементов шаблонизатора – редактор меню сайта.
ВАЖНО! В старых шаблонах (которые подключаются не из Сайт Шаблоны),  меню сайта работать не будет. Для использования редактора, Вам необходимо перейти на шаблон, основанный на новом шаблонизаторе.

БЫЛО: меню формировалось через категории страниц и продуктовые категории. Отсутствовало четкое понимание, как и где оно формируется. Существующие объекты приходилось «притягивать» к нужным пунктам меню. Результат не всегда получался корректным и удобным.

СТАЛО: появился отдельный редактор, который позволяет с легкостью создать элементы меню сайта и настроить их вложенность.

Рассмотрим основные шаги по редактированию меню сайта.

 

ШАГ 1.   Перейдите к редактору Сайт Меню сайта. В списке могут присутствовать как созданные Вами меню, так и экспортированные нами при инициализации шаблонов. Их можно отредактировать либо удалить.
Для создания нового меню нажмите на кнопку «Создать».

Фото 1. Список меню сайта

РЕЗУЛЬТАТ: откроется форма настройки меню.

 

ШАГ 2.   В форме настройки укажите название меню (1) и его код (2), под которым данное меню будет доступно в шаблоне. Для кода допустимы только латинские буквы.
Отметьте галочкой опцию Активность меню (3), если оно должно быть доступно в шаблоне.
Нажмите на кнопку «Сохранить».

Фото 2. Создание нового меню

РЕЗУЛЬТАТ: новое меню появится в общем списке. Также появится возможность настройки элементов меню.

 

ШАГ 3.   Рассмотрим процесс на примере создания нескольких элементов верхнего меню сайта:

  • Главная – перевод клиента на главную страницу сайта;
  • Покупателям – элемент меню будет включать подменю;
  • Оплата – подменю, переход на страницу сайта с информацией об оплате;
  • Возвраты – подменю, переход на соответствующую страницу сайта.

Нажмите на кнопку «Добавить элемент» и заполните появившиеся поля в блоке настроек элемента меню. Описание настроек приведено в Таблице.

ВАЖНО! Работа некоторых настроек зависит от правильности реализации верстки меню. Если Вы используете шаблон Parts-Soft, этот вопрос решается нашими специалистами. Если шаблон создан Вашими верстальщиками, просьба обратиться к документации по верстке меню – Требованиям к шаблону.

Нажмите на кнопку «Сохранить». Новая запись появится в списке элементов меню. Каждый элемент можно отредактировать либо удалить.

Таблица. Настройки элемента меню

Настройка

Описание

1

Название

Название элемента меню.

2

Ссылка

Ссылка на страницу сайта.
Ссылку можно скопировать из адресной строки браузера, когда Вы находитесь на нужной странице.

3

Привязка к региону

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

4

Способ перехода

Выбирается, каким образом открыть страницу сайта: в текущем окне или в новой вкладке.
ВАЖНО! Работа данной настройки зависит от правильности реализации верстки меню

5

HTML атрибуты

Можно указать HTML атрибуты для данного элемента меню.

6

CSS стили для пункта меню

Можно указать конкретные CSS стили для данного элемента меню.

7

Код

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

8

Выбрать иконку

Можно указать путь к файлу – иконке для данного элемента меню.
ВАЖНО! В клиентской части иконка будет выводиться в том случае, если это предусмотрено версткой

 

Фото 3. Элементы меню

 

ШАГ 4.   После создания всех нужных элементов меню можно переходить к настройке вложенности.
Нажмите на кнопку «Изменить порядок» (1). Левой кнопкой мыши перетащите элементы на нужные позиции (2): вверх-вниз (изменится очередность пунктов меню) или вправо-влево (изменится их вложенность).

В нашем примере нужно перетащить элементы “Оплата” и “Возвраты” вправо под меню “Покупателям”. Таким образом мы получим пункты подменю в клиентской части.
По окончании настройки нажмите на кнопку «Сохранить порядок» (3).

ВАЖНО! Доступность вложенности меню зависит от наличия ее реализации в верстке.  Если Вы используете шаблон Parts-Soft, этот вопрос решается нашими специалистами. Если шаблон создан Вашими верстальщиками, просьба обратиться к документации по верстке меню – Требованиям к шаблону.

Фото 4. Настройка вложенности элементов меню

 


Связанные разделы
Требования к шаблону
Франчайзи модуль