Меню
RSS
Видеоурок №5: создание меню
 
Видеоурок №5: создание меню

Создаем основные разделы сайта. Рассказываю как устроены компоненты битрикс на примере меню. Копируем и верстаем шаблон компонента. Изучаем устройство файловой системы битрикс  сайта.
 
Добрый день Михаил, спасибо за уроки.
Почему то при скачивании этого урока время урока показывает 3.30.28 а не  23.51 как видео записи на  youtube и урок не совсем коректно отображается в проигрывателе.

С уважением
 
Цитата
Гость пишет:
Добрый день Михаил, спасибо за уроки.
Почему то при скачивании этого урока время урока показывает 3.30.28 а не 23.51 как видео записи на youtube и урок не совсем коректно отображается в проигрывателе.

С уважением
Да. Спасибо за найденную ошибку. Видео перезалил
 
Здравствуйте, а подскажите как сделать чтоб определенный пункт меню (каталог товаров) показывался только для зарегистрированных пользователей?
 
Цитата
Сергей пишет:
Здравствуйте, а подскажите как сделать чтоб определенный пункт меню (каталог товаров) показывался только для зарегистрированных пользователей?
Использовать ограничение прав на раздел в котором выводите нужный конетент. По идее без разницы что конкретно выводить, каталог, новости или просто страничку с текстом
 
Спасибо большое за уроки, давно искал нечно подобное.
Ещё из небольших косяков - вы используете в верстке <b>, что уже устарело и считается нарушением валидности.
 
Цитата
Сергей пишет:
Спасибо большое за уроки, давно искал нечно подобное.
Ещё из небольших косяков - вы используете в верстке <b>, что уже устарело и считается нарушением валидности.
Пожалуйста.
По поводу именно <b> не вижу смысла как-то иначе его осущевстлять. При использовании визуального редактора, все равно используется именно он. Так, что не избежно <b> на сайте будет и в больших количествах - если наполнять сайт будет обычный контент-менеджер.
С другой стороный, честно сказать впервые слышу это отностилено <b>. То что валидаторам не нравится? Ну и наплевать на них, самый лучший валидатор- это браузер. Если во всех, все выглядет так как задумывалось- не нужно париться с валидаторами...ну если сильно хочется только :) .  
 
Здравствуйте, Михаил!
Во-первых, спасибо за уроки, если бы не ваши уроки я бы на битрикс и не взглянула)
А теперь вопрос. У меня несколько типов страниц на сайте предполагается:
1 - страница ошибки 404 без верхнего и левого меню, например.
2 - страница каталога  с тремя меню: верхнее, нижнее и левое
3 - страница статей, новостей и т.п.
т е мне для каждого типа страниц необходимо создать свой шаблон?
 
Цитата
Анна пишет:
У меня несколько типов страниц на сайте предполагается:
1 - страница ошибки 404 без верхнего и левого меню, например.
2 - страница каталога с тремя меню: верхнее, нижнее и левое
3 - страница статей, новостей и т.п.
т е мне для каждого типа страниц необходимо создать свой шаблон?
Зависит от верстки конечно, технически можно это решить включаемыми областями- просто подключат область с нужными типами меню в нужных местах. Либо использовать вот этот метод  http://camouf.ru/blog-note/439/ - например у меня на этом сайте так и реализовано: здесь боковая панель есть, а например в портфолио ее нет- просто применено условие "Если раздел /portfolio/ и все вложенные- то боковой панели нет"

Можно и тремя видами шаблонов Вашу задачку решить- но по мне так это излишество. С тремя шаблонами все равно достаточно трудоемко управляться.
 
Такой вопрос: хочу переделать стандартное левое меню, vertical_multilevel.
Делаю из него развернутое, стили заменила. Все хорошо работает,  только не нравится, что при выборе подпункта - родительский пункт тоже подсвечивается, как активный, не могу понять как это обойти.
Пробовала в шаблоне условие с [CHILD_SELECTED], но не получилось. Как бы условие задать, чтоб только активный пункт подсвечивался, или может вообще другой шаблон за основу брать?  
 
Цитата
Аня пишет:
Такой вопрос: хочу переделать стандартное левое меню, vertical_multilevel.
Делаю из него развернутое, стили заменила. Все хорошо работает, только не нравится, что при выборе подпункта - родительский пункт тоже подсвечивается, как активный, не могу понять как это обойти.
Пробовала в шаблоне условие с [CHILD_SELECTED], но не получилось. Как бы условие задать, чтоб только активный пункт подсвечивался, или может вообще другой шаблон за основу брать?
Поэксперементируйте с условиям:

Код
 <?if ($arItem["DEPTH_LEVEL"] == 1):?>
 

и

Код
<?if($arItem["SELECTED"]):?>
 


То есть- если уровень такой-то,  должно произойти то-то.
 
Спасибо за урок, очень полезно! Разрешите задать пару вопросов:
1. В момент когда вы создавали два типа меню, вы указали типы top и bottom. Эти два слова могут быть произвольными и в данном случае вы просто ими указывали на то, что это верхнее и нижнее меню, или же это ключевые слова, зарезервированные системой, которые указывают системе на то какой тип меню будет? Т.е. можно ли было написать top_menu или обязательно нужно top?
2. Почему выше меню по умолчанию стало горизонтальным? Когда вы получали код меню в визуальном редакторе (2:50) у вас в параметрах компонента было указано "шаблон компонента: вертикальное меню". Почему в итоге то меню,стало горизонтальным?
 
Цитата
Михаил Базаров пишет:
Цитата
Аня пишет:
Такой вопрос: хочу переделать стандартное левое меню, vertical_multilevel.
Делаю из него развернутое, стили заменила. Все хорошо работает, только не нравится, что при выборе подпункта - родительский пункт тоже подсвечивается, как активный, не могу понять как это обойти.
Пробовала в шаблоне условие с [CHILD_SELECTED], но не получилось. Как бы условие задать, чтоб только активный пункт подсвечивался, или может вообще другой шаблон за основу брать?
Поэксперементируйте с условиям:
Код
  <?if ($arItem["DEPTH_LEVEL"] == 1):?>
  
и
Код
 <?if($arItem["SELECTED"]):?>
  
То есть- если уровень такой-то, должно произойти то-то.
Это не помогло, но вывела массив и посмотрела, что при выделенном подпункте и у род.пункта SELECTED=1, и "не за что зацепиться", но так же просмотрела массив tree и он мне больше понравился)
его до ума довела) сижу довольная. 5 минут на передых и можно снова в бой, Спасибо Вам!
 
Здравствуйте!
Я уже спрашивала у вас про шаблон (от 21-03-2014).
Вот с карточкой товара сложность.
Можно выводить левое меню, в которое из инфоблока типа Каталог товаров выводятся разделы и подразделы этого каталога, только на страницах каталога, но не выводить на странице товара? (т е в карточке товара). Как выводить его только на страницах каталога я разобралась (на страницах типа "доставка" и "контакты" я по условию не вывожу), а вот на в карточке товара как не выводить не представляю.
 
Цитата
Гость сайта пишет:
Как выводить его только на страницах каталога я разобралась (на страницах типа "доставка" и "контакты" я по условию не вывожу), а вот на в карточке товара как не выводить не представляю.
Я бы наверное вывел меню в sections.php шаблона каталога. Посмотрите как это реализовано в стандартном шаблоне интернет-магазина, там реализовано -то что Вы хотите но с фильтром (выводится в разделах и подразделах каталога, и не выводится в товарах и в остальных разделах сайта)
 
Здравствуйте Михаил, спасибо за ваши уроки!
У меня возник вопрос по созданию выпадающего меню такого типа http://usefulscript.ru/collapsing_menu.php,
в интернете ничего толком не нашел.

Можете посоветовать какое-либо решения?
Заранее спасибо!
 
Цитата
Александр пишет:

У меня возник вопрос по созданию выпадающего меню такого типа http://usefulscript.ru/collapsing_menu.php

Можете посоветовать какое-либо решения?
Заранее спасибо!
Прямо из этого же образца и сделайте. Просто интегрируйте эту верстку с компанентом "Меню"
 
При прохождении этого урока у меня возникла проблема... в Вашем видео после копирования компонента меню в папку default вы удаляете ненужные файлы, в частности style.css. При этом у Вас, как я понял, автоматически подхватились настройки стилей из файла template_style.css. У меня же после удаления файликов стили для меню просто слетели... (template_style.css менюшка не увидела). Подскажите, как поправить этот косяк? Эксперименты проводил на текущей версии битрикса (14.5)...
 
Цитата
Влад пишет:
...У меня же после удаления файликов стили для меню просто слетели... (template_style.css менюшка не увидела). Подскажите, как поправить этот косяк? Эксперименты проводил на текущей версии битрикса (14.5)...
Ищите ошибку в верстке, возможно что-то, где-то перебивает стили или в наблоне меню забыли прописать нужный селлектор
 
Заново поставил битрикс, для чистоты эксперимента (исключения собственных ошибок) шаблон сайта в битрикс создал из вашего "болванчика", добавил меню, затем перенес компонент в папку defaul, удалил style.css из /home/bitrix/www/bitrix/templates/.default/components/bitrix/menu/top_menu - оформление меню тут-же исчезло. Возможно, настройки битрикса по дефолту в версии 14.5 другие, чем в версии 12.5? Я раскопал, например, такой параметр, как Оптимзация CSS > Объединять CSS-файлы (кажется, в версии 12.5 его не было). Может еще что-то изменилось с тех пор...

Насчет "в шаблоне меню забыли прописать нужный селлектор"- можно чуть подробнее? Вроде в видеоуроке у вас об этом ничего не говориться... просто копируем компонент, удаляем style.scc, как ненужный, и предполагаем, что теперь все оформление будет считываться из template_style.css
 
Да нет, Оптимизация CSS идет еще толи из 9-ой, то ли из 10-ой версии.
Возможно что подключаете не тот шаблон меню, или внутри меню есть свои стили, или не тот вид меню. В общем, так можно долго разбираться, достаточно много мест где Вы могли ошибиться или недосмотреть. Мешать ничего не должно
 
По вашим урокам пытался создать меню, Сделал все точно так как описано в уроке. Такая проблемка, если заходить на главную страницу под админом, то меню совсем не видно, если открыть пункт меню "Услуги", то виден только этот пункт, Если открыть "Новости", то видны пункты от первого до "Новости". А если зайти на сайт просто как обычный пользователь никак не авторизовавшись, то видно все нормально. В чем проблема может быть?
 
Цитата
Гаджи пишет:
По вашим урокам пытался создать меню, Сделал все точно так как описано в уроке. Такая проблемка, если заходить на главную страницу под админом, то меню совсем не видно, если открыть пункт меню "Услуги", то виден только этот пункт, Если открыть "Новости", то видны пункты от первого до "Новости". А если зайти на сайт просто как обычный пользователь никак не авторизовавшись, то видно все нормально. В чем проблема может быть?
Проверьте кеширование, права доступа к папкам, наличие меню (файлов .тип_меню.php) в попдпапках. А еще лучше предоставьте скриншот файловой структуры сайта с развернутыми папками- будет понятнее
 
Здравствуйте Михаил. Спасибо вам за уроки, очень информативно и простым языком все преподносите. С одноуровневым меню разобрался, тут вопросов нет, а вот как доработать шаблон меню, который из урока чтобы сделать допустим двух уровневое меню. Смотрел другие меню horizontal_Multilevel, но пока тяжело понять откуда что там вытекает. Можете привести какой-нибудь не замороченый шаблон двух уровнего меню?
 
Постараюсь на днях, записать видео по многоуровнему меню
 
Здравствуйте, Михаил.
Спасибо за Ваши уроки. очень помогают. К сожалению в Ваших уроках нет примера создания левого выпадающего меню, которое очень распространенное на сайтах. Вот пытаюсь самостоятельно разобраться - пока не очень получается. Было бы конечно очень хорошо, если бы Вы записали урок по созданию многоуровневого левого меню сайта, а также рассмотрели в уроке как создать это левое меню из разделов инфоблока каталог.
Может Вы подскажете, как я могу сделать разделы из Инфоблока каталога, пунктами левого меню на сайте? Чтобы в итоге получить такое же выпадающее меню, как после установки 1с Битрикс модуля Интернет-магазина. Заранее благодарен.
 
Цитата
Гость сайта пишет:
...
Может Вы подскажете, как я могу сделать разделы из Инфоблока каталога, пунктами левого меню на сайте? Чтобы в итоге получить такое же выпадающее меню, как после установки 1с Битрикс модуля Интернет-магазина. Заранее благодарен.
Как сделать меню из разделов инфоблока написано здесь http://camouf.ru/blog-note/722/
По поводу выпадающего левого, просто возмите типовое меню vertical_multilever и адаптируйте под свой дизайн
 
Добрый день. Очень суперские уроки, но в данном не получается вывести меню. После копирования кода в header код не формирует меню, если глянуть редактором кода браузера, там не меню.
 
Цитата
Bacs пишет:
Добрый день. Очень суперские уроки, но в данном не получается вывести меню. После копирования кода в header код не формирует меню, если глянуть редактором кода браузера, там не меню.
А само-то меню есть? То есть разделы создали, указали им что выводиться нужно ИМЕННО В ЭТОМ!! типе меню - а их так и нет?
 
Михаил, у меня меню создается нормально, но компонент меню не копируется. Битрикс крутится на виртуалке VMware Fusion на маке (как у вас в примере).
Пробовал уже раза 3 заново переустанавливать битрикс - не спасает. Что делать?

 
Цитата
Гость сайта пишет:
Михаил, у меня меню создается нормально, но компонент меню не копируется. Битрикс крутится на виртуалке VMware Fusion на маке (как у вас в примере).
Пробовал уже раза 3 заново переустанавливать битрикс - не спасает. Что делать?
Посмотрите какие права у папки в которую копируется шаблон. Если используете Coda 2 - то правой кнопкой по папке и выставите права 777 на нее и все вложенные.
 
Цитата
Михаил Базаров пишет:
Цитата
Гость сайта пишет:
Михаил, у меня меню создается нормально, но компонент меню не копируется. Битрикс крутится на виртуалке VMware Fusion на маке (как у вас в примере).
Пробовал уже раза 3 заново переустанавливать битрикс - не спасает. Что делать?
Посмотрите какие права у папки в которую копируется шаблон. Если используете Coda 2 - то правой кнопкой по папке и выставите права 777 на нее и все вложенные.
Михаил, заново установил битрикс на виртуалку. Выставил для папки .default права 777. Вылазит такая же ошибка, но при этом папка top_menu создается и в ней лежат все необходимые файлы. Но шаблоном все равно считается тот, который лежит в bitrix/components/bitrix/menu/templates/.default.
При попытке принудительно изменить настройки компонента и сделать используемым шаблоном top_menu(Общий шаблон) вылазит такая же ошибка, как на скрине :(
Подскажите, пожалуйста, что делать...
 
Решил вопрос!) Нужно было на сам файл header.php поставить права 777. Хотя ставил права на всю папку, включая все вложения, но они не выставились. Странно.
 
Добрый вечер.Отличные уроки, именно в таком порядке, в каком нужно новичку Битрикс.возникла одна проблема, при удалении файла styles.css из компонента top_menu шаблона assistants , стили грузятся с папки bitrix/cache/css/s1/assistant/template_.Кэширование отключил полностью.
Прошу помочь!Заранее благодарю
 
дополнение к предыдущему комменту.я удалил эти стили , но они автоматически создаются снова.
 
Цитата
Добрый вечер.Отличные уроки, именно в таком порядке, в каком нужно новичку Битрикс.возникла одна проблема, при удалении файла styles.css из компонента top_menu шаблона assistants , стили грузятся с папки bitrix/cache/css/s1/assistant/template_.Кэширование отключил полностью.
Прошу помочь!Заранее благодарю
Разобрался.Нужно ,создавая меню , ставить галочку "Использовать индивидуальные настройки для каждого сайта:".
Код
 
 
Михаил, спасибо за видео-уроки, но у меня возник вопрос:
По уроку все получалось точь-в-точь, но на следующий день стиль меню вернулся на стандартный, а в template_styles.css все так, как должно быть.
Как устранить данную проблему?
 
Цитата
Айдын пишет:
По уроку все получалось точь-в-точь, но на следующий день стиль меню вернулся на стандартный, а в template_styles.css все так, как должно быть.
Как устранить данную проблему?
Посмотрите в шаблоне, наверное у вас там прописано типовое меню вместо использования вашего шаблона
 
Добрый день!
При изучении 5-го урока, возникла проблема. На странице редактирования страницы (в визуальном редакторе), обнаружил отсутствие многих инструментов.[img]D:\БИТРИКС\Создание сайта на битрикс\[/img] В этом разделе могу редактировать только текст. Нет компонентов. Может подскажете как настроить набор инструментов. Установил VMBitrix5.0.45-vmware.
Заранее благодарю!!!
 
Цитата
Виталий пишет:
Добрый день!
При изучении 5-го урока, возникла проблема. На странице редактирования страницы (в визуальном редакторе), обнаружил отсутствие многих инструментов.В этом разделе могу редактировать только текст. Нет компонентов. Может подскажете как настроить набор инструментов. Установил VMBitrix5.0.45-vmware.
Заранее благодарю!!!
Скорее всего инструменты у вас просто скрыты. Нажмите на стрелку справа
 
Спасибо!!!
 
Пыталась создавать меню по этому уроку. Столкнулась с проблемой - вместо горизонтального меню - создалось вертикальное. Разделы добавляются, пункты меню редактируются - но всё размещается вертикально. Поискала, где что не так, нашла строчку "catalog_horizontal", вставила её в код, получилось такое выражение:
Код
<?$APPLICATION->IncludeComponent(
   "bitrix:menu", "catalog_horizontal",
   "",
   Array(
   "ROOT_MENU_TYPE" => "top",
   "MENU_THEME" => "site",
   "MENU_CACHE_TYPE" => "A",
   "MENU_CACHE_TIME" => "3600",
   "MENU_CACHE_USE_GROUPS" => "Y",
   "MENU_CACHE_GET_VARS" => array(
   ),
   "MAX_LEVEL" => "1",
   "CHILD_MENU_TYPE" => "top",
   "USE_EXT" => "N",
   "DELAY" => "N",
   "ALLOW_MULTI_SELECT" => "N"
   ),
   false
);?>
 
Теперь строка меню отображается горизонтально, но не отображается ни один пункт меню! Разделы, ранее созданые, имеются в файловой системе, а меню на странице - в виде пустого прямоугольника! Почему так? Помогите разобраться!
 
Цитата
Светлана пишет:
Столкнулась с проблемой - вместо горизонтального меню - создалось вертикальное. Разделы добавляются, пункты меню редактируются - но всё размещается вертикально. Поискала, где что не так,
Разобралась. Оказывается в стиле не указала float: left. Исправила, всё встало, как надо.
 
Здравствуйте, у меня при создании меню, оно почему то начинает дублироваться на главной странице, только вертикальное! В чем может быть причина[img]D:\2014-09-29 14-57-09 Скриншот экрана.png[/img]
 
Я когда создаю нижнее меню, оно у меня почему то не наследует стили верхнего, что я мог сделать не так?
 
Цитата
Гость сайта пишет:
Я когда создаю нижнее меню, оно у меня почему то не наследует стили верхнего, что я мог сделать не так?
Так не подскажу, но ищите ошибки в верстке. обычно такие проблемы возникаю оттуда, что-то где-то не закрыли и опечатались в написании классов.
 
Здравствуйте, Михаил! Такая проблема: у меня не знаю как и почему пропало меню в разделе "Сайт"
там где кнопки "Создать страницу", "Создать раздел", "Изменить страницу", "Изменить раздел" и тд
Пожалуйста подскажите как его вернуть? Заранее благодарен
 
Цитата
Павел пишет:
Здравствуйте, Михаил! Такая проблема: у меня не знаю как и почему пропало меню в разделе "Сайт"
там где кнопки "Создать страницу", "Создать раздел", "Изменить страницу", "Изменить раздел" и тд
Пожалуйста подскажите как его вернуть? Заранее благода
Быть может оно просто свернуто, посмотрите сверху справа- там есть ссылка свернуть/развернуть?
 
Цитата
Михаил Базаров пишет:
Цитата
Павел пишет:
Здравствуйте, Михаил! Такая проблема: у меня не знаю как и почему пропало меню в разделе "Сайт"
там где кнопки "Создать страницу", "Создать раздел", "Изменить страницу", "Изменить раздел" и тд
Пожалуйста подскажите как его вернуть? Заранее благода
Быть может оно просто свернуто, посмотрите сверху справа- там есть ссылка свернуть/развернуть?
Здравствуйте, Михаил. Дело в том что у меня кроме вот этого ничего не отображается, не знаю что делать.
 
Михаил, здравствуйте. я снова по поводу панели в закладке "Сайт" , дело в том, что кнопка "свернуть\развернуть" у меня не отображается. что может быть не так?
Читают тему
Форма ответов
 
Текст сообщения*
Перетащите файлы
Ничего не найдено
Файл
Загрузить картинки
 
Поблагодарить и поддержать:
Или подписаться на boosty канал: Видео на Bst

Блог-note: заметки разработчика

Создание мобильного приложения на cordova, для любого сайта.

Если стоит задача разработки мобильного приложения для сайта, можете воспользоваться данной заметкой. Постарался сделать...

Заполнение габаритов товара, после обмена с 1С, из свойств элемента инфоблока.

Если Ваш интернет-магазин интегрирован с 1С, скорее всего столкнулись с такой проблемой: 1С не умеет выгружать параметры...

Установка вебсервера на Apple Silicon (нативный ARM стек), оптимизированный для 1С-Битрикс.

Появилась задачка, установить стек MAMP (macOS, Apache, MYSQL, PHP) на рабочий ноутбук с процессором Apple Silicon M1. В...

Цвета из справочника Highload блоков в списке новостей

На сайте выводятся новости с помощью компонента news.list, при этом у новостей есть свойство "Цвета" типа &quo...

Фотогалерея на базе компонента новостей, с fancybox.

Это заметка обновление к очень старой, уже имеющейся на сайте. Сделаем что-то типа фотогалереи на базе встроеннного в би...

Получить все поля раздела, включая пользовательские, в section.php

Если нужно получить какие-то данные о текущем разделе, которых нет в изначальном массиве, можно воспользоваться методом ...

Time Capsule на Windows 10. Хранение бекапов Time Machine на компьютере с Windows 10

Заметку написал скорее для себя, что бы собрать все в одну кучу. Написана на базе нескольких разрозненных, по интернету,...

Работа с пользователями через API D7 1С-Битрикс

Заметка написана на основе старого черновика, и все описанное было проверено на чистой установке 1С-Битрикс. Примеры раб...

Композитный сайт на 1С-Битрикс

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