Форум программистов, компьютерный форум, киберфорум
1С Битрикс
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
17 / 17 / 1
Регистрация: 20.02.2013
Сообщений: 148
1

Кастомизация horizontal-multilevel

09.02.2018, 15:18. Просмотров 1028. Ответов 1
Метки нет (Все метки)

Добрый день, помогите понять, где ошибка с трёхуровневым horizontal-multilevel меню в битрикс, давно не интегрировала дизайн и не вижу, где допустила ошибку:

Вот какое меню должно быть http://roadtec.tw1.ru/index-corporate.html
Вот какое вышло у меня http://kgsosisok-bitrix.tw1.ru
Проблема с третьей вложенностью - Продукция - Асфальтоукладчики - RP-170 Третий "блок" выглядит не так. Сейчас там стили шаблона компонента, если их убрать, весь уровень вложенности вообще не отображается.

Вот html-верстка меню
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<nav>
                                                <ul class="nav nav-pills" id="mainNav">
                                                    <li class="dropdown active">
                                                        <a class="dropdown-toggle" href="index.html">
                                                            О компании
                                                        </a>
                                                        <ul class="dropdown-menu">
                                                            <li>
                                                                <a href="#">
                                                                    История
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="#">Стать диллером</a>
                                                                
                                                            </li>
                                                            <li>
                                                                <a href="#">Реализованные проекты</a>
                                                            </li>
                                                            <li>
                                                                <a href="#">Отзывы</a>
                                                            </li>
                                                             
                                                            <li>
                                                                <a href="#">Вакансии</a>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                    
                                                    <li class="dropdown">
                                                        <a class="dropdown-toggle" href="#">
                                                            Продукция
                                                        </a>
                                                        <ul class="dropdown-menu">
                                                            <li class="dropdown-submenu">
                                                                <a href="#">Асфальтоукладчики</a>
                                                                <ul class="dropdown-menu">
                                                                    <li><a href="#">RP-170</a></li>
                                                                    <li><a href="#">RP-175</a></li>
                                                                    
                                                                    <li><a href="#">RP-190</a></li>
                                                                    <li><a href="#">RP-195</a></li>
                                                                    <li><a href="#">RP-2025</a></li>
                                                                    <li><a href="#">SP-100 <span class="tip tip-dark">new</span></a></li>
                                                                    <li><a href="#">SP-200</a></li>
                                                                    
                                                                </ul>
                                                            </li></ul>
Если в шаблоне компонента поставить <ul class="nav nav-pills" id="mainNav"> вместо <ul class="nav nav-pills" id="horizontal-multilevel-menu"> третий уровень перестаёт нормально отображаться.

Код шаблона

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<?if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();?>
 
<?if (!empty($arResult)):?>
  <nav>
<ul class="nav nav-pills" id="horizontal-multilevel-menu">
 
<?
$previousLevel = 0;
foreach($arResult as $arItem):?>
 
    <?if ($previousLevel && $arItem["DEPTH_LEVEL"] < $previousLevel):?>
        <?=str_repeat("</ul></li>", ($previousLevel - $arItem["DEPTH_LEVEL"]));?>
    <?endif?>
 
    <?if ($arItem["IS_PARENT"]):?>
 
        <?if ($arItem["DEPTH_LEVEL"] == 1):?>
            <li class="dropdown"><a href="<?=$arItem["LINK"]?>" class="dropdown-toggle"  class="<?if ($arItem["SELECTED"]):?>root-item-selected dropdown active<?else:?>root-item dropdown  active<?endif?>"><?=$arItem["TEXT"]?></a>
                <ul class="dropdown-menu">
        <?else:?>
            <li<?if ($arItem["SELECTED"]):?> class="dropdown-submenu"  class="item-selected"<?endif?>><a href="<?=$arItem["LINK"]?>" class="parent"><?=$arItem["TEXT"]?></a>
                <ul  >
        <?endif?>
 
    <?else:?>
 
        <?if ($arItem["PERMISSION"] > "D"):?>
 
            <?if ($arItem["DEPTH_LEVEL"] == 1):?>
                <li><a href="<?=$arItem["LINK"]?>" class="<?if ($arItem["SELECTED"]):?>root-item-selected dropdown active<?else:?>root-item dropdown  active<?endif?>"><?=$arItem["TEXT"]?></a></li>
            <?else:?>
                <li<?if ($arItem["SELECTED"]):?> class="item-selected"<?endif?>><a href="<?=$arItem["LINK"]?>"><?=$arItem["TEXT"]?></a></li>
            <?endif?>
 
        <?else:?>
 
            <?if ($arItem["DEPTH_LEVEL"] == 1):?>
                <li><a href="" class="<?if ($arItem["SELECTED"]):?>root-item-selected dropdown active<?else:?>root-item dropdow<?endif?>" title="<?=GetMessage("MENU_ITEM_ACCESS_DENIED")?>"><?=$arItem["TEXT"]?></a></li>
            <?else:?>
                <li><a href="" class="denied" title="<?=GetMessage("MENU_ITEM_ACCESS_DENIED")?>"><?=$arItem["TEXT"]?> ntrcn</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></nav> 
 
<?endif?>
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
09.02.2018, 15:18
Ответы с готовыми решениями:

Как в меню (шаблон horizontal multilevel) скрыть вывод товаров, оставив только разделы?
Добрый день! Инфоблок каталог - некоторые товары находятся в двух категориях одновременно, из-за...

Вывод определенных категорий в horizontal menu
Всем доброго дня. В horizontal menu необходимо вывести, определенные категории, либо только те...

Кастомизация класса
Как кастомизировать файлы классов /bitrix/modules/main/classes/general/ ..... без потерь после...

Кастомизация Новости-Материалы по теме
Добрый день. В комплексном компоненте &quot;Новости&quot; есть опция вывода &quot;Материалы по теме&quot;. Кто знает...

1
8 / 16 / 2
Регистрация: 15.06.2015
Сообщений: 240
13.02.2018, 06:33 2
Зашел..посмотрел. Не понял, что у вас не так.
Заметил только, что вам нужно повозиться с css немного.
Цитата Сообщение от kgsosisok Посмотреть сообщение
<ul class="nav nav-pills" id="mainNav"> вместо <ul class="nav nav-pills" id="horizontal-multilevel-menu">
Естественно, если в шаблоне css применяется по селекору #horizontal-multilevel-menu у вас не будет работать.
Если вы хотите добавить свое, но не менять готовое - добавьте свой класс и применяйте к нему стили какие хотите.
Ну или просто поработайте с css...типо:

CSS
1
2
3
ul.drop > li:hover {
    background: red;
}
PS или может я что-то не так понял?
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
13.02.2018, 06:33

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

Кастомизация bitrix:sale.export.1c
Привет, форум! Ломаю голову вторую неделю: Необходимо в xml-файл выгрузки, который забирает...

Кастомизация каталога. Битрикс Управление Сайтом
Здравствуйте. Мучаюсь с вопросом. Перерыл уже весь код компонента bitrix:catalog и не могу понять...

Разместить пункты верхнего меню по центру | bitrix:horizontal:multilevel
Здравствуйте! В битриксе есть шаблон выпадающего меню. Но не получается разместить все пункты по...

Horizontal expand layout
здравствуйте. подскажите пожалуйста. работаю в delphi с компонентами devexprress. у меня в...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.