Всем привет.
Использую компонент bitrix:menu.
Код меню:
Так вот, сам вопрос, как сгруппировать (допустим в 5 или в 3 колонки, РАВНОМЕРНО) все пункты меню у которых DETH_LEVEL >=3 ?
Т.е. на примереhttp://www.mvideo.ru/ мы видим, что там равномерно сгруппированы пункты меню (выпадющие) ?
Использую компонент bitrix:menu.
Код меню:
Код |
---|
<?if (!defined("B_PROLOG_INCLUDED" || B_PROLOG_INCLUDED!==true)die();?> <?if (!empty($arResult)):?> <ul id="nav" class="sf-menu"> <? $previousLevel = 0; $i = 1; foreach($arResult as $k=>$arItem):?> <?if ( ($previousLevel && $arItem["DEPTH_LEVEL"] < $previousLevel)):?> <?if($arItem["DEPTH_LEVEL"] == 1 && strpos($arItem["LINK"],'/catalog/') !== false):?> <?=str_repeat("</ul></div></li>", ($previousLevel - $arItem["DEPTH_LEVEL"]);?> <?elseif($arItem['DEPTH_LEVEL']==4):?> <?=str_repeat("</ul>", ($previousLevel - $arItem["DEPTH_LEVEL"]);?> <?else:?> <?=str_repeat("</ul></li>", ($previousLevel - $arItem["DEPTH_LEVEL"]);?> <?endif?> <?endif?> <?if ($arItem["IS_PARENT"]:?> <?if ($arItem["DEPTH_LEVEL"] == 1):?> <li class="parent <?if($arItem["LINK"]=='/catalog/'):?>catalog<?endif;?> <?if ($arItem["SELECTED"]:?>active<?endif?> level-<?=$arItem["DEPTH_LEVEL"];?>"> <a href="<?=$arItem["LINK"]?>"><span><span><?=$arItem["TEXT"]?></span></span></a> <ul> <?else:?> <li class="parent <?if ($arItem["SELECTED"]:?>active<?endif?> level-<?=$arItem["DEPTH_LEVEL"];?> <?if ($arItem["DEPTH_LEVEL"] == "3"{echo "main_parent";}?>"> <a href="<?=$arItem["LINK"]?>" class="parent"><?=$arItem["TEXT"]?></a> <?if($arItem["DEPTH_LEVEL"] == 2 && strpos($arItem["LINK"],'/catalog/') !== false):?> <div class="catalog-subnav" id="<?=$arItem["LINK"];?>"><ul class="parent_ul"> <?else:?> <ul> <?endif;?> <?endif?> <?else:?> <?if ($arItem["PERMISSION"] > "D":?> <?if ($arItem["DEPTH_LEVEL"] == 1):?> <li class="empty <?if ($arItem["SELECTED"]:?>active<?endif?> level-<?=$arItem["DEPTH_LEVEL"];?>"> <a href="<?=$arItem["LINK"]?>"><span><span><?=$arItem["TEXT"]?></span></span></a> </li> <?else:?> <?//if($arItem["IS_CENTER"]:?><?//endif;?> <li class="empty <?if ($arItem["SELECTED"]:?> active<?endif?> level-<?=$arItem["DEPTH_LEVEL"];?>"> <a href="<?=$arItem["LINK"]?>"><span><span><?=$arItem["TEXT"]?></span></span></a> </li> <?endif?> <?endif?> <?endif?> <?$previousLevel = $arItem["DEPTH_LEVEL"];?> <?endforeach?> <?if ($previousLevel > 1)://close last item tags?> <?=str_repeat("</ul></li>", ($previousLevel-1) );?> <?endif?> </ul> <sc ript> $(function(){ /*$('#nav .catalog-subnav li.empty.level-3').each(function(){ if($(this).next('li.empty').hasClass('empty')) { $(this).addClass('fl-left'); $(this).next().addClass('fl-left'); } })*/ var nav_width = $('#nav').width(); var item_one_width = 196; $('#nav .catalog-subnav').width(nav_width-item_one_width); window.on resize = function () { var item_one_width = 196; var nav_width = $('#nav').width(); $('#nav .catalog-subnav').width(nav_width-item_one_width); } }); </sc ript> <?endif?> |
Т.е. на примере