Доброго времени суток!
Каким образом сделать, чтобы у страниц в меню(и верхнем и нижнем), были всплывающие окна, как у каталога, т.е. подстраницы у страниц, например Статьи о спорте > легкая атлетика > бег ?
Статьи о спорте
0
Всплывающее Подменю
Автор Владислав178, 24 февр. 2015 00:28
Сообщений в теме: 4
#1
Отправлено 24 Февраль 2015 - 00:28
#2
Отправлено 07 Март 2015 - 02:47
Для этого необходимо переделывать структуру меню, родительские пункты забивать вручную(сами пункты, текст, ссылки).
Инструкция по реализации:
http://forum.storela...еню/#entry28263
Код будет отличаться от вашего, в данной инструкции необходимо просмотреть динамику изменения самого кода, как добавляются пункты и выпадающие меню.
Инструкция по реализации:
http://forum.storela...еню/#entry28263
Код будет отличаться от вашего, в данной инструкции необходимо просмотреть динамику изменения самого кода, как добавляются пункты и выпадающие меню.
#3
Отправлено 20 Ноябрь 2015 - 22:50
Vaccina (07 Март 2015 - 02:47) писал:
Для этого необходимо переделывать структуру меню, родительские пункты забивать вручную(сами пункты, текст, ссылки).
Инструкция по реализации:
http://forum.storela...еню/#entry28263
Код будет отличаться от вашего, в данной инструкции необходимо просмотреть динамику изменения самого кода, как добавляются пункты и выпадающие меню.
Инструкция по реализации:
http://forum.storela...еню/#entry28263
Код будет отличаться от вашего, в данной инструкции необходимо просмотреть динамику изменения самого кода, как добавляются пункты и выпадающие меню.
#4
Отправлено 27 Ноябрь 2015 - 16:34
Sargasak (20 Ноябрь 2015 - 22:50) писал:
Честно пытался понять и применить инструкцию из под шаблона "Сияние " к данному (Цитрус), но плохо у меня с языками программирования. Можете, пожалуйста, также подробно описать как сделать подменю в пункте главного меню? Задача, сделать пункт "F.A.Q" вместо "Доставка" и уже туда добавить такое всплывающие подменю, как на картинке вобщем. Заранее благодарю.
<ul class="top-navbar-links"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %}
после вставьте
<li><a href="ссылка" title="На главную">F.A.Q</a> <ul> {% FOR menu %} {% FOR faq %} {% FOR links %} <li><a href="{menu.faq.links.URL}" {% IF menu.faq.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.faq.links.TITLE %}title="{menu.faq.links.TITLE}"{% ENDIF %}>{menu.faq.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </li>
далее в конец main.css добавьте
.top-navbar-links{ position:relative;overflow: inherit !important; } .top-navbar-links li ul { display: none; width: 200px; position: absolute; top: 50px; z-index: 99; } .top-navbar-links li:hover ul{display:block;} .top-navbar-links li ul li{ width: 200px; padding: 3px; border-bottom: 1px solid #000; background: #F3F3F3; list-style-type: none; text-transform: capitalize; }.top-navbar-links li ul li a { font-size: 12px; padding: 0px; color: #666666 !important; background: none; } .top-navbar-links li ul li a:hover{ background:none; }
В разделе Сайт-Меню вам было создано меню, добавьте в него пункты меню, и они отразятся в всплывающем меню.
#5
Отправлено 27 Ноябрь 2015 - 17:42
Премного благодарен! Все работает
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных