#1
Отправлено 23 Август 2016 - 13:03
Знаю, что тема уже рассматривалась на форуме ... Пробовал по аналогии - пока не получается.
Подскажите, пожалуйста, какие изменения необходимо внести в код, чтобы сделать меню по структуре во вложении.
Заранее благодарю!
SL-392814
#2
Отправлено 23 Август 2016 - 15:06
Aleksandr (23 Август 2016 - 13:03) писал:
Знаю, что тема уже рассматривалась на форуме ... Пробовал по аналогии - пока не получается.
Подскажите, пожалуйста, какие изменения необходимо внести в код, чтобы сделать меню по структуре во вложении.
Заранее благодарю!
SL-392814
Изменения Вам произвел, теперь Вам нужно создать меню, которые будут играть роль вложенности, пример на скриншоте.
#3
Отправлено 23 Август 2016 - 19:46
То есть чтобы аккуратно вниз столбиком и не на всю длину + на синем фоне.
#4
Отправлено 23 Август 2016 - 19:53
Aleksandr (23 Август 2016 - 19:46) писал:
То есть чтобы аккуратно вниз столбиком и не на всю длину + на синем фоне.
В конец main.css добавьте
#custommenu ul.mainnav li.parent ul.dropdown-menu { background: #197eaa; border: 0; } #custommenu ul.mainnav li.parent ul.dropdown-menu li a{ color:#fff; }
#6
Отправлено 24 Август 2016 - 16:12
Aleksandr (24 Август 2016 - 16:01) писал:
Еще просьба - требуется 7-ой пункт меню с выпадающим списком.
Я сам добавил код (по аналогии), но в разделе управления Меню 7-ой пункт так и не появился.
В итоге нужно следующее по структуре меню - см. вложение.
В шаблоне html найдите код
<li class="level0 parent"> <a href="ССЫЛКА НА СТРАИЦУ">меню 7</a> <ul class="sub dropdown-menu"> {% FOR menu %} {% FOR vMenu6 %} {% FOR links %} <li><a href="{menu.vMenu6.links.URL}" {% IF menu.vMenu7.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.vMenu7.links.TITLE %}title="{menu.vMenu7.links.TITLE}"{% ENDIF %}>{menu.vMenu7.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </li>в нем замените переменную vMenu6 на vMenu7(Вы заменили, но не везде).
Далее в разделе Сайт - Меню создайте новое меню "Вложенность для меню 7", а в поле "Имя переменной в шаблоне" добавьте переменную vMenu7.
#7
Отправлено 24 Август 2016 - 16:24
#10
Отправлено 27 Август 2016 - 13:08
#11
Отправлено 27 Август 2016 - 13:15
Aleksandr (27 Август 2016 - 13:08) писал:
#custommenu ul.mainnav li.parent ul.dropdown-menu { background: #197eaa; border: 0; font-size: 17px; z-index: 100; width: 100%; }и замените на
#custommenu ul.mainnav li.parent ul.dropdown-menu { background: #197eaa; border: 0; font-size: 17px; z-index: 100; width: auto; }
#12
Отправлено 27 Август 2016 - 13:23
#13
Отправлено 27 Август 2016 - 15:01
Aleksandr (27 Август 2016 - 13:23) писал:
в main.css найдите код
#custommenu ul.mainnav li.parent ul.dropdown-menu li a { color: #fff; }и замените на
#custommenu ul.mainnav li.parent ul.dropdown-menu li a { color: #fff; white-space: nowrap; }
#14
Отправлено 27 Август 2016 - 18:45
#15
Отправлено 22 Февраль 2018 - 15:16
SL-418611
Проблема видимо из - за фиксированной шапки
Дело в том что категории распределены по дереву кат. Яндекса. соответственно их очень много. (В одной категории несколько подкатегорий) На мобильной версии при открывании основной категории выпадающее меню обрезается в по высоте экрана и не прокручивается в низ. прокручивается только само тело сайта.
В итоге невозможно посмотреть нижние категории. Помогите решить.
1. Либо довести до ума действующую модель выпадающего меню.(сверху вниз) оставив при этом фиксированное меню.
2. Либо сделать меню выпадающим с лева (как в шаблоне Туризм).
Overflow: auto или scroll - не помогает
Благодарю за поддержку
#16
Отправлено 28 Февраль 2018 - 15:52
Артемка (22 Февраль 2018 - 15:16) писал:
SL-418611
Проблема видимо из - за фиксированной шапки
Дело в том что категории распределены по дереву кат. Яндекса. соответственно их очень много. (В одной категории несколько подкатегорий) На мобильной версии при открывании основной категории выпадающее меню обрезается в по высоте экрана и не прокручивается в низ. прокручивается только само тело сайта.
В итоге невозможно посмотреть нижние категории. Помогите решить.
1. Либо довести до ума действующую модель выпадающего меню.(сверху вниз) оставив при этом фиксированное меню.
2. Либо сделать меню выпадающим с лева (как в шаблоне Туризм).
Overflow: auto или scroll - не помогает
Благодарю за поддержку
Здравствуйте.
Извините за ожидание.
В шаблоне main.css найдите код:
#mommenu .menu_collapse_wrap .collapse {position: relative;height: 0;overflow: hidden;} #mommenu .menu_collapse_wrap .collapsing {position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease} #mommenu .menu_collapse_wrap .collapse.in {height: auto;}
Замените на:
#mommenu .menu_collapse_wrap .collapse {position: relative;height: 0;overflow: scroll;} #mommenu .menu_collapse_wrap .collapsing {position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease} #mommenu .menu_collapse_wrap .collapse.in {height: 90vh;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных