Меню
#21
Отправлено 05 Сентябрь 2015 - 01:08
#22
Отправлено 05 Сентябрь 2015 - 05:03
Рис. в приложении. Требуется только расположить так как в примере, стилистику оставляем стандартную
#23
Отправлено 05 Сентябрь 2015 - 05:59
<!-- Каталог с подкатегориями --> <div class="yt-menu"> <div class="yt-menu-nav"> <ul id="nav" class="clearfix"> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li class="category-level-{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}"> <a href="{catalog_full.URL}" class="lvl-{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}selected{% ENDIF %}">{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} </ul> </div> </div> <!-- /END Каталог с подкатегориями -->
замените на:
<!-- Каталог с подкатегориями --> <div class="yt-menu"> <div class="yt-menu-nav"> <ul id="nav" class="clearfix"> <li class="category-level-0 parent"> <a href="#" class="lvl-0 ">Цветы</a> <ul class="sub dropdown-menu"> {% FOR menu %} {% FOR header2 %} {% FOR links %} <li class="category-level-1 "><a href="{menu.header2.links.URL}" class="lvl-1" {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}>{menu.header2.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </li> <li class="category-level-0 parent"> <a href="#" class="lvl-0 ">Букеты</a> <ul class="sub dropdown-menu"> {% FOR menu %} {% FOR header3 %} {% FOR links %} <li class="category-level-1 "><a href="{menu.header3.links.URL}" class="lvl-1" {% IF menu.header3.links.TITLE %}title="{menu.header3.links.TITLE}"{% ENDIF %}>{menu.header3.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </li> <li class="category-level-0 parent"> <a href="#" class="lvl-0 ">О нас</a> <ul class="sub dropdown-menu"> {% FOR menu %} {% FOR header4 %} {% FOR links %} <li class="category-level-1 "><a href="{menu.header4.links.URL}" class="lvl-1" {% IF menu.header4.links.TITLE %}title="{menu.header4.links.TITLE}"{% ENDIF %}>{menu.header4.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </li> <li class="category-level-0 parent"> <a href="#" class="lvl-0 ">Кому</a> <ul class="sub dropdown-menu"> {% FOR menu %} {% FOR header5 %} {% FOR links %} <li class="category-level-1 "><a href="{menu.header5.links.URL}" class="lvl-1" {% IF menu.header5.links.TITLE %}title="{menu.header5.links.TITLE}"{% ENDIF %}>{menu.header5.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </li> <li class="category-level-0 parent"> <a href="#" class="lvl-0 ">Повод</a> <ul class="sub dropdown-menu"> {% FOR menu %} {% FOR header6 %} {% FOR links %} <li class="category-level-1 "><a href="{menu.header6.links.URL}" class="lvl-1" {% IF menu.header6.links.TITLE %}title="{menu.header6.links.TITLE}"{% ENDIF %}>{menu.header6.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </li> </ul> </div> </div> <!-- /END Каталог с подкатегориями -->
#24
Отправлено 05 Сентябрь 2015 - 07:22
#25
Отправлено 05 Сентябрь 2015 - 07:35
#26
Отправлено 07 Сентябрь 2015 - 05:15
#27
Отправлено 08 Сентябрь 2015 - 03:11
Цитата
Этот код отвечает за меню с его выпадающими пунктами:
<ul id="nav" class="clearfix"> <li class="category-level-0 parent"> <a href="#" class="lvl-0 ">Цветы</a> <ul class="sub dropdown-menu"> {% FOR menu %} {% FOR header2 %} {% FOR links %} <li class="category-level-1 "><a href="{menu.header2.links.URL}" class="lvl-1" {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}>{menu.header2.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </li> <li class="category-level-0 parent"> <a href="#" class="lvl-0 ">Букеты</a> <ul class="sub dropdown-menu"> {% FOR menu %} {% FOR header3 %} {% FOR links %} <li class="category-level-1 "><a href="{menu.header3.links.URL}" class="lvl-1" {% IF menu.header3.links.TITLE %}title="{menu.header3.links.TITLE}"{% ENDIF %}>{menu.header3.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </li> <li class="category-level-0 parent"> <a href="#" class="lvl-0 ">О нас</a> <ul class="sub dropdown-menu"> {% FOR menu %} {% FOR header4 %} {% FOR links %} <li class="category-level-1 "><a href="{menu.header4.links.URL}" class="lvl-1" {% IF menu.header4.links.TITLE %}title="{menu.header4.links.TITLE}"{% ENDIF %}>{menu.header4.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </li> <li class="category-level-0 parent"> <a href="#" class="lvl-0 ">Кому</a> <ul class="sub dropdown-menu"> {% FOR menu %} {% FOR header5 %} {% FOR links %} <li class="category-level-1 "><a href="{menu.header5.links.URL}" class="lvl-1" {% IF menu.header5.links.TITLE %}title="{menu.header5.links.TITLE}"{% ENDIF %}>{menu.header5.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </li> <li class="category-level-0 parent"> <a href="#" class="lvl-0 ">Повод</a> <ul class="sub dropdown-menu"> {% FOR menu %} {% FOR header6 %} {% FOR links %} <li class="category-level-1 "><a href="{menu.header6.links.URL}" class="lvl-1" {% IF menu.header6.links.TITLE %}title="{menu.header6.links.TITLE}"{% ENDIF %}>{menu.header6.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul>
Чтобы добавить пункт меню необходимо до последнего закрывающего </ul> разместить пункт меню по аналогии, пример, не выпадающий пункт меню:
<li class="category-level-0 parent"> <a href="ссылка" class="lvl-0 ">Цветы</a></li>
пункт меню с выпадающим блоком:
<li class="category-level-0 parent"> <a href="#" class="lvl-0 ">Цветы</a> <ul class="sub dropdown-menu"> {% FOR menu %} {% FOR header2 %} {% FOR links %} <li class="category-level-1 "><a href="{menu.header2.links.URL}" class="lvl-1" {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}>{menu.header2.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </li>только в нем все header2 замените на вашу переменную созданного блока меню
Цитата
Уточните пожалуйста, что именно хотите реализовать по расположению, справа от измененного меню добавить строку поиска?
#28
Отправлено 18 Сентябрь 2015 - 05:33
Vaccina (05 Сентябрь 2015 - 05:59) писал:
<!-- Каталог с подкатегориями --> <div class="yt-menu"> <div class="yt-menu-nav"> <ul id="nav" class="clearfix"> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li class="category-level-{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}"> <a href="{catalog_full.URL}" class="lvl-{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}selected{% ENDIF %}">{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} </ul> </div> </div> <!-- /END Каталог с подкатегориями -->
замените на:
<!-- Каталог с подкатегориями --> <div class="yt-menu"> <div class="yt-menu-nav"> <ul id="nav" class="clearfix"> <li class="category-level-0 parent"> <a href="#" class="lvl-0 ">Цветы</a> <ul class="sub dropdown-menu"> {% FOR menu %} {% FOR header2 %} {% FOR links %} <li class="category-level-1 "><a href="{menu.header2.links.URL}" class="lvl-1" {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}>{menu.header2.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </li> <li class="category-level-0 parent"> <a href="#" class="lvl-0 ">Букеты</a> <ul class="sub dropdown-menu"> {% FOR menu %} {% FOR header3 %} {% FOR links %} <li class="category-level-1 "><a href="{menu.header3.links.URL}" class="lvl-1" {% IF menu.header3.links.TITLE %}title="{menu.header3.links.TITLE}"{% ENDIF %}>{menu.header3.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </li> <li class="category-level-0 parent"> <a href="#" class="lvl-0 ">О нас</a> <ul class="sub dropdown-menu"> {% FOR menu %} {% FOR header4 %} {% FOR links %} <li class="category-level-1 "><a href="{menu.header4.links.URL}" class="lvl-1" {% IF menu.header4.links.TITLE %}title="{menu.header4.links.TITLE}"{% ENDIF %}>{menu.header4.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </li> <li class="category-level-0 parent"> <a href="#" class="lvl-0 ">Кому</a> <ul class="sub dropdown-menu"> {% FOR menu %} {% FOR header5 %} {% FOR links %} <li class="category-level-1 "><a href="{menu.header5.links.URL}" class="lvl-1" {% IF menu.header5.links.TITLE %}title="{menu.header5.links.TITLE}"{% ENDIF %}>{menu.header5.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </li> <li class="category-level-0 parent"> <a href="#" class="lvl-0 ">Повод</a> <ul class="sub dropdown-menu"> {% FOR menu %} {% FOR header6 %} {% FOR links %} <li class="category-level-1 "><a href="{menu.header6.links.URL}" class="lvl-1" {% IF menu.header6.links.TITLE %}title="{menu.header6.links.TITLE}"{% ENDIF %}>{menu.header6.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </li> </ul> </div> </div> <!-- /END Каталог с подкатегориями -->
#29
Отправлено 18 Сентябрь 2015 - 05:43
#30
Отправлено 18 Сентябрь 2015 - 05:53
#31
Отправлено 18 Сентябрь 2015 - 06:04
Вы будите использовать только категории или через несколько блоков меню необходимо реализовать?
#33
Отправлено 18 Сентябрь 2015 - 06:48
<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 %} </ul>
замените на:
{%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="top-navbar-links accordion">{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%}
Далее в main.css найдите:
.header-top .header-top-left .top-navbar-links { float: left; list-style: outside none none; overflow: hidden; height: 50px; padding-left: 0px; }
после него пропишите:
.header-top .header-top-left .navbar-collapse > .top-navbar-links ul { position: absolute; left: 0px; top: 50px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 100%; display: none; border: 1px solid #ccc; } .header-top .header-top-left .navbar-collapse > .top-navbar-links > li:hover > ul { display: block; } .header-top .header-top-left .navbar-collapse > .top-navbar-links ul li { display: inline-block; padding-right: 10px; border-right: 1px solid #ccc; height: 100%; } .header-top .header-top-left .navbar-collapse > .top-navbar-links ul li a { border-bottom: 1px solid #ccc; color: #000; line-height: 0px; padding: 10px; margin: 5px; } .header-top .header-top-left .navbar-collapse > .top-navbar-links ul ul { position: relative; display: block; left: 0; top: 0; border: none; float: none; } .header-top .header-top-left .navbar-collapse > .top-navbar-links ul ul li { float: none; display: block; border: none; clear: both; } .header-top .header-top-left .navbar-collapse > .top-navbar-links ul ul li a { display: block; clear: both; margin: 0px; border: medium none; float: none; padding: 5px; font: 14px/20px Arial; text-transform: none; }
Далее найдите:
.navbar-collapse { position: absolute; padding-right: 15px; overflow-x: visible; border-top: 1px solid transparent; z-index: 1; width: 100%; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset; }замените на:
.navbar-collapse { padding-right: 15px; overflow-x: visible; border-top: 1px solid transparent; z-index: 1; width: 100%; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset; }
далее найдите:
.header-top .header-top-left { padding: 0px; position: relative; }замените на:
.header-top .header-top-left { padding: 0px; }
#34
Отправлено 18 Сентябрь 2015 - 06:52
.navbar-collapse {
position: absolute;
padding-right: 15px;
overflow-x: visible;
border-top: 1px solid transparent;
z-index: 1;
width: 100%;
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
}
замените на:
.navbar-collapse {
padding-right: 15px;
overflow-x: visible;
border-top: 1px solid transparent;
z-index: 1;
width: 100%;
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
}
А такогоо нет у меня!(((
#35
Отправлено 18 Сентябрь 2015 - 07:07
В шаблоне main.css 386 строка:
.navbar-collapse{position:absolute;padding-right:15px;overflow-x:visible;border-top:1px solid transparent;z-index:1;width: 100%;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}
#36
Отправлено 18 Сентябрь 2015 - 07:19
#37
Отправлено 19 Сентябрь 2015 - 06:05
#38
Отправлено 21 Сентябрь 2015 - 05:15
Рис. в приложении: обратите внимание белый падающий фон растягивается от левого до правого края независимо от количества подкатегорий, а так же нужно сохранить стилистику в плане разделителей
#39
Отправлено 22 Сентябрь 2015 - 03:54
{%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="top-navbar-links accordion">{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%}
замените на:
<ul class="top-navbar-links accordion"> <li class="parent"> <a href="#">Цветы</a> <ul class="top-navbar-links accordion"> {% FOR menu %} {% FOR header2 %} {% FOR links %} <li><a href="{menu.header2.links.URL}" {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}>{menu.header2.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </li> <li class="parent"> <a href="#">Букеты</a> <ul class="top-navbar-links accordion"> {% FOR menu %} {% FOR header3 %} {% FOR links %} <li><a href="{menu.header3.links.URL}" {% IF menu.header3.links.TITLE %}title="{menu.header3.links.TITLE}"{% ENDIF %}>{menu.header3.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </li> <li class="parent"> <a href="#">О нас</a> <ul class="top-navbar-links accordion"> {% FOR menu %} {% FOR header4 %} {% FOR links %} <li><a href="{menu.header4.links.URL}" {% IF menu.header4.links.TITLE %}title="{menu.header4.links.TITLE}"{% ENDIF %}>{menu.header4.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </li> <li class="parent"> <a href="#">Кому</a> <ul class="top-navbar-links accordion"> {% FOR menu %} {% FOR header5 %} {% FOR links %} <li><a href="{menu.header5.links.URL}" {% IF menu.header5.links.TITLE %}title="{menu.header5.links.TITLE}"{% ENDIF %}>{menu.header5.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </li> <li class="parent"> <a href="#">Повод</a> <ul class="top-navbar-links accordion"> {% FOR menu %} {% FOR header6 %} {% FOR links %} <li><a href="{menu.header6.links.URL}" {% IF menu.header6.links.TITLE %}title="{menu.header6.links.TITLE}"{% ENDIF %}>{menu.header6.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </li> </ul>
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных