Перейти к содержимому


Всплывающее Подменю


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 4

#1 Владислав178

Владислав178

    Пользователь

  • Пользователи
  • PipPip
  • 26 сообщений

Отправлено 24 Февраль 2015 - 00:28

Доброго времени суток!
Каким образом сделать, чтобы у страниц в меню(и верхнем и нижнем), были всплывающие окна, как у каталога, т.е. подстраницы у страниц, например Статьи о спорте > легкая атлетика > бег ?


Статьи о спорте

Прикрепленные изображения

  • Новый точечный рисунок.jpg


#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 788 сообщений

Отправлено 07 Март 2015 - 02:47

Для этого необходимо переделывать структуру меню, родительские пункты забивать вручную(сами пункты, текст, ссылки).
Инструкция по реализации:
http://forum.storela...еню/#entry28263

Код будет отличаться от вашего, в данной инструкции необходимо просмотреть динамику изменения самого кода, как добавляются пункты и выпадающие меню.

#3 Sargasak

Sargasak

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений
  • ГородКазань

Отправлено 20 Ноябрь 2015 - 22:50

Просмотр сообщенияVaccina (07 Март 2015 - 02:47) писал:

Для этого необходимо переделывать структуру меню, родительские пункты забивать вручную(сами пункты, текст, ссылки).
Инструкция по реализации:
http://forum.storela...еню/#entry28263

Код будет отличаться от вашего, в данной инструкции необходимо просмотреть динамику изменения самого кода, как добавляются пункты и выпадающие меню.
Честно пытался понять и применить инструкцию из под шаблона "Сияние " к данному (Цитрус), но плохо у меня с языками программирования. Можете, пожалуйста, также подробно описать как сделать подменю в пункте главного меню? Задача, сделать пункт "F.A.Q" вместо "Доставка" и уже туда добавить такое всплывающие подменю, как на картинке вобщем. Заранее благодарю.

Прикрепленные изображения

  • 1.png


#4 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 673 сообщений

Отправлено 27 Ноябрь 2015 - 16:34

Просмотр сообщенияSargasak (20 Ноябрь 2015 - 22:50) писал:

Честно пытался понять и применить инструкцию из под шаблона "Сияние " к данному (Цитрус), но плохо у меня с языками программирования. Можете, пожалуйста, также подробно описать как сделать подменю в пункте главного меню? Задача, сделать пункт "F.A.Q" вместо "Доставка" и уже туда добавить такое всплывающие подменю, как на картинке вобщем. Заранее благодарю.
Здравствуйте, найдите в шаблоне hTML
	<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 Sargasak

Sargasak

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений
  • ГородКазань

Отправлено 27 Ноябрь 2015 - 17:42

Премного благодарен! Все работает :)




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных