Сake (23 Ноябрь 2013 - 00:22) писал:
Дальше вам необходимо изменить изначальный код вашего меню добавив дополнительный список ul li. Изначально ваше меню выглядит так
<ul class="header-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 %}
</ul>
реализация данного меню уже не подходит по той причине что вложенность меню {% FOR menu %} не возможна. В связи с этим верхний уровень навигации необходимо реализовывать вручную.
<ul class="header-links">
<li><a href="/catalog/Новинки" title="Новинки">Новинки</a></li>
<li><a href="/catalog/Хиты-продаж" title="Хиты продаж">Хиты продаж</a></li>
<li><a href="/page/brands" title="Бренды">Бренды</a></li>
</ul>
а уже второй уровень реализуется через {% FOR menu %}
<ul class="header-links">
<li><a href="/catalog/Новинки" title="Новинки">Новинки</a></li>
<li><a href="/catalog/Хиты-продаж" title="Хиты продаж">Хиты продаж</a></li>
<li><a href="/page/brands" title="Бренды">Бренды</a>
<ul>
{% FOR menu %}
{% FOR header1 %}
{% FOR links %}
<li><a href="{menu.header1.links.URL}" {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header1.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}>{menu.header1.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
</ul>
обратите внимание на то что в данном случае используется именно header1 для пункта "Бренды". С другими пунктами необходимо поступать аналогично. После реализации шаблона необходимо будет добавить соответствующие стили в файл main.css
Скажите пожалуйста, реально ли сделать по примеру из ЭТОЙ ТЕМЫ выпадающее меню с подпунктами, наподобие этого (прикрепил):
Насколько я понял меню как в этой теме реализуется так:
верхний уровень прописывается вручную (на рисунке - КАТАЛОГ ТОВАРОВ)
2-ой уровень реализуется через создание доп меню через САЙТ - МЕНЮ. (на рисунке ГОЛОВНЫЕ УБОРЫ)
Как сделать 3 уровень (внутри второго - подсписок, на рисунке Chobi)
В какое место этого кода вставить 3 уровень:
<div class="nav">
<li><a href="/catalog/Новинки" title="Новинки">Новинки</a></li>
<li><a href="/catalog/Хиты-продаж" title="Хиты продаж">Хиты продаж</a></li>
<li><a href="/page/brands" title="Бренды">Бренды</a>
<ul>
{% FOR menu %}
{% FOR header1 %}
{% FOR links %}
<li><a href="{menu.header1.links.URL}" {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header1.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}>{menu.header1.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
</div>