3. 1С-Битрикс (Bitrix) - Разработка - Создание и внедрение меню

3. 1С-Битрикс (Bitrix) - Разработка - Создание и внедрение меню --- В видеоуроке показан пример создания простого статичного меню. По умолчанию при установке Битрикс создает два типа меню (Верхнее и Левое), можно сказать основные «заготовки», их можно увидеть в настройках структуры «Настройки — Настройки модулей — Управление структурой» ( /bitrix/admin/?lang=ru&mid=fileman&mid_menu=1 ). При необходимости (если этих двух типов меню не хватит), можно создать неограниченное количество дополнительных меню и использовать их для вывода различных частей структуры сайта. В примере планируется создание меню типа «Верхнее меню». Чтобы создать меню, нужно зайти в раздел «Контент — Сайт по умолчанию» ( /bitrix/admin/?lang=ru&site=s1&logical=Y&path=/ ). При помощи зеленой кнопки «Добавить» можно добавить новое меню и внести его пункты. После создания в «Сайте по умолчанию» и в корневой папке сайта создастся меню выбранного нами типа (по фтп это скрытый файл . тип .) После того, как меню создано, нужно получить компонент, который выведет данные меню из админки. За это отвечает одноименный компонент, который можно вызвать и настроить через фронт сайта с любой страницы. Для этого необходимо открыть страницу на редактирование во фронте, в списке компонентов найти «Меню», при двойном клике открываются настройки компонента: Шаблон компонента — пока остается без изменений, позже будет создан отдельный шаблон для этого меню. Тип меню для первого уровня — выбирается тот тип, на основе которого делали меню. Уровень вложенности — количество уровней меню. Тип меню для остальных уровней — в данном случае никак не влияет на текущее меню, т к у нас один уровень. Но при наличии динамического левого (или иного) меню позволяет подключать к статичному меню динамические пункты, которые будут строиться, например, на основе разделов указанного инфоблока. При указании в качестве типа меню для подуровней статичного меню будут выводиться статичные пункты указанного меню, занесенные ранее в админку. Подключать файлы с именами вида ext — формирует динамическое меню на основе данных инфоблока, настройки вывода задаются в файле . тип ., обычно лежит рядом с файлом самого меню. Далее нужно скопировать настроенный компонент из кода страницы (страницу не сохраняем) и перейти в редактирование шаблона сайта «Настройки — Сайты — Шаблоны сайтов» ( /bitrix/admin/?lang=ru ). В поле «Внешний вид шаблона» уже автоматически подставился код шапки и подвала вокруг введенного нами ранее #WORK_AREA#. Можно также редактировать файл шапки не в админке, а по фтп в папке шаблона — /bitrix/templates/шаблон/ . При редактировании через фтп и при изменении настроек компонентов шапки и подвала изменения автоматически применяются и к содержимому поля «Внешний вид шаблона» в админке. НО если страница с редактированием внешнего вида шаблона открыта в браузере, и при этом вносятся правки через фтп, эти правки в админке не вступят в силу до обновления страницы, а сохранение настроек (старого) внешнего вида затрет изменения, внесенные по фтп. Рядом со статичным кодом, отвечающим за меню, нужно вставить рядом скопированный ранее компонент. Сверстанное вручную меню можно вынести в отдельный файл (чтобы забрать шаблонные селекторы для стилизации и скриптов) или закомментировать. При сохранении шаблона компонент с внесенными в админку пунктами меню уже будет доступен на сайте. Чтобы изменить дизайн выведенного компонента, нужно во фронте в режиме редактирования открыть интерфейс копирования шаблона компонента: Выпадающее меню компонента — Название компонента (в данном случае Меню) — Копировать шаблон компонента. В открывшемся интерфейсе есть выбор, куда копировать текущий шаблон и поле ввода для названия нового шаблона. .default — самое простое меню, если нужно многоуровневое меню, можно поиграться с шаблонами в настройках компонента, повыбирать разные, посмотреть, как они выглядят и работают, и уже выбрав какое-то другое, копировать его через указанный интерфейс. Галочка «Применить новый шаблон компонента» автоматически устанавливает нужное значение шаблона в вызове компонента. При успешном копировании в папке темы по пути /bitrix/templates/шаблон/components/bitrix/имя_компонента/ создается папка шаблона компонента меню с введенным ранее названием. Стилевые и скриптовые файлы автоматически подключаются при вызове компонента. Минифицированные файлы создаются при включенной настройке Главного модуля «Обьединять js и css». Файл отвечает за саму верстку внутри вызванного компонента. Его можно аккуратно переверстывать под нужды дизайна, вносить необходимые селекторы и писать свои стили в стилевой файл. Если что-то пошло не так при копировании шаблона компонента в шаблон сайта через фронт, есть способ копирования по фтп, когда нужная папка шаблона забирается из /bitrix/components/bitrix/нужный_компонент/templates/нужная_папка_шаблона и раз