Сообщений в теме: 2

[Эбболка]

ВОЗМОЖНО ЛИ РЕАЛИЗОВАТЬ ВЫПАДАЮЩИЕ ПУНКТЫ В ШАПКЕ ? при наведении чтобы появлялись ссылки на доп страницы


Аккаунт SL-363025

[Эбболка]

ап

[Vaccina]

В шаблоне HTML найдите:

<ul class="nav navbar-nav left">
					  {% 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 %}
					</ul>

перед ним вставьте:

<ul class="nav navbar-nav left dropdown_menu">
<li><a href="http://xn--100-tddplirikrjd6l.xn--p1ai/page/Usloviya-pokupki" title="Условия покупки">Условия покупки</a>
  <ul>
   {% FOR menu %}
	{% FOR dropdown_menu %}
	 {% FOR links %}
	  <li><a href="{menu.dropdown_menu.links.URL}" {% IF menu.dropdown_menu.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.dropdown_menu.links.TITLE %}title="{menu.dropdown_menu.links.TITLE}"{% ENDIF %}>{menu.dropdown_menu.links.NAME}</a></li>
	 {% ENDFOR %}
	{% ENDFOR %}
   {% ENDFOR %}
  </ul>
</li>
</ul>

В старом меню удалите выпадающий пункт и создайте новый блок меню для выпадающего списка с пунктами возврат и минималка, переменная данного меню должна быть: dropdown_menu

В main.css найдите:

.nav > li {
	position: relative;
	display: block;
}

после него пропишите:

.dropdown_menu > li ul {
  position: absolute;
  top: 40px;
  background: #00477C;
  left: 0;
  width: 200px;
  display: none;
}
.dropdown_menu > li:hover ul{
  display: block;
}
.dropdown_menu > li ul li a{
  display: block;
  width: 200px !important;
  float: none;
}