Публикации
Мужчина
Отправлено
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;
}
В разделе Сайт-Меню вам было создано меню, добавьте в него пункты меню, и они отразятся в всплывающем меню.
