Задание №2 - Bitrix - Интеграция дизайна (экзамен 1)
Войти

Задание №2 - Bitrix - Интеграция дизайна (экзамен 1)

Задание №1 - Bitrix - Интеграция дизайна (экзамен 1)

1. Внедрим готовый шаблон компонента "хлебные крошки"

Создадим компонент "хлебные крошки", заменив html верстку на компонент и с помощью Bitrix скопируем шаблон компонента в наш шаблоны сайта, назовем его exam1

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 <?php 

<!-- breadcrumbs -->
        
  <?$APPLICATION->IncludeComponent(
    "bitrix:breadcrumb", 
    "exam1", 
     array(
       "COMPONENT_TEMPLATE" => "exam1",
       "START_FROM" => "0",
       "PATH" => "",
       "SITE_ID" => "S1"
     ),
     false
   );?>
        
<!-- /breadcrumbs -->

?>

Скопируем готовый шаблон template.php из наших материалов.

2. Внедрим готовый шаблон компонента левого меню

Создадим компонент "меню", заменив html верстку на компонент и с помощью Bitrix скопируем шаблон компонента в наш шаблоны сайта, назовем его exam1_left_menu

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 <?php 

$APPLICATION->IncludeComponent(
    "bitrix:menu", 
    "exam1_left_menu", 
    array(
        "ALLOW_MULTI_SELECT" => "N",
        "CHILD_MENU_TYPE" => "left",
        "DELAY" => "N",
        "MAX_LEVEL" => "1",
        "MENU_CACHE_GET_VARS" => array(
        ),
        "MENU_CACHE_TIME" => "3600",
        "MENU_CACHE_TYPE" => "N",
        "MENU_CACHE_USE_GROUPS" => "Y",
        "ROOT_MENU_TYPE" => "left",
        "USE_EXT" => "Y",
        "COMPONENT_TEMPLATE" => "exam1_left_menu"
    ),
    false
);

?>

Скопируем готовый шаблон template.php из наших материалов.

Настройка меню

  • Проверяем уровень вложенности, должен отображаться один уровень
  • Настроим в разделе продукция (/products/) левое меню, которое будет строиться на основании разделов инфоблока "Продукция".

    Для этого в настройках компонента левого меню ставим галочку напротив надписи Подключать файлы с именами вида .тип_меню.menu_ext.php

3. Внедрим готовый шаблон компонента верхнего меню

Создадим компонент "меню", заменив html верстку в файле header.php на компонент и с помощью Bitrix скопируем шаблон компонента в наш шаблоны сайта, назовем его exam1_top_menu

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 <?php 

$APPLICATION->IncludeComponent(
    "bitrix:menu", 
    "exam1_top_menu", 
    array(
        "ALLOW_MULTI_SELECT" => "N",
        "CHILD_MENU_TYPE" => "left",
        "DELAY" => "N",
        "MAX_LEVEL" => "3",
        "MENU_CACHE_GET_VARS" => array(
        ),
        "MENU_CACHE_TIME" => "3600",
        "MENU_CACHE_TYPE" => "N",
        "MENU_CACHE_USE_GROUPS" => "Y",
        "ROOT_MENU_TYPE" => "top",
        "USE_EXT" => "N",
        "COMPONENT_TEMPLATE" => "exam1_top_menu"
    ),
    false
);

?>

Скопируем готовый шаблон template.php из наших материалов.

Настройка меню

  • В настройках компонента выставим "Уровень вложенности меню" 3 уровня
  • Чтобы пункт продукция имел выпадающее меню на основании разделов инфоблока в настройках компонента верхнего меню ставим галочку напротив надписи Подключать файлы с именами вида .тип_меню.menu_ext.php

4. Реализуем возможность добавлять произвольный текст в пункты меню

Заходим в админ. панель в раздел о компании, открываем там меню 2-го уровня в расширенном режиме, и там добавить свои параметры.

Теги:
php