Курсы обучения
+7 (351) 777-80-70
2026.02.05

Как изменить шаблоны блоков на детальной странице "Услуг" - Линейка решений INTEC: Universe

1. Цель и контекст

Данная инструкция описывает процесс изменения визуального шаблона (template) для отдельных блоков на детальной странице услуги. Например, можно изменить внешний вид блока "Сопутствующие услуги" с отображения в виде списка (services.small.1) на отображение в виде плитки (services.tile.1). Изменения производятся на уровне файловой структуры шаблона сайта.

Важное предупреждение: Данная операция требует доступа к файловой системе хостинга через FTP-клиент или файловый менеджер административной панели Битрикс. Рекомендуется создавать резервные копии изменяемых файлов. Все действия выполняются в рабочей или тестовой копии сайта.

2. Подробное пошаговое руководство

Шаг 1: Локализация файла управления блоками

1. Перейдите в корневую директорию вашего сайта на хостинге.
2. Откройте следующий путь: /bitrix/templates/universe_s1/components/bitrix/catalog.element/services.default.3/parts/blocks/
  • /bitrix/templates/universe_s1/ — директория активного визуального шаблона.
  • components/bitrix/catalog.element/services.default.3/ — папка настроенного комплексного компонента "Элемент каталога" для услуг.
  • parts/blocks/ — папка, содержащая файлы, которые управляют подключением различных блоков на страницу.

Шаг 2: Определение и выбор целевого блока

1. В папке blocks вы увидите несколько PHP-файлов (например, services.1.php, services.2.php и т.д.). Каждый файл отвечает за вывод одного конкретного блока на странице услуги.

2. Вам необходимо определить, какой файл соответствует изменяемому блоку. В исходном примере блок "Другие сферы применения" управляется файлом services.1.php. Откройте этот файл для редактирования в текстовом редакторе, поддерживающем кодировку UTF-8 без BOM.

Шаг 3: Анализ и модификация кода в файле блока

1. Внутри файла найдите фрагмент кода, который отвечает за подключение компонента. Он будет выглядеть примерно так:
$APPLICATION->IncludeComponent('bitrix:catalog.section', 'services.small.1', array( // ... массив параметров ... ), $component );

  • Первый аргумент ('bitrix:catalog.section'): Указывает на используемый системный компонент для вывода раздела каталога.
  • Второй аргумент ('services.small.1'): Ключевой параметр. Определяет имя используемого шаблона (template) для этого компонента в контексте данного блока.

2. Чтобы изменить визуальное отображение блока, необходимо заменить имя шаблона во втором аргументе. Новое имя шаблона берется из списка доступных шаблонов для компонента bitrix:catalog.section.

Шаг 4: Поиск доступных шаблонов

1. Перейдите в директорию, где хранятся шаблоны для компонента catalog.section: /bitrix/templates/universe_s1/components/bitrix/catalog.section/
2. В этой директории вы увидите множество папок. Каждая папка, имя которой начинается с services. (например, services.small.1, services.tile.1, services.list.1), представляет собой отдельный визуальный шаблон для вывода услуг.

Шаг 5: Применение нового шаблона

1. Выберите желаемый шаблон из списка. Например, для отображения в виде плитки — services.tile.1.
2. Вернитесь к файлу services.1.php и измените второй аргумент в вызове компонента: $APPLICATION->IncludeComponent( 'bitrix:catalog.section', 'services.tile.1', // Имя шаблона изменено здесь array( // ... массив параметров ... ), $component );
3. Сохраните изменения в файле.

Шаг 6: Очистка кеша сайта

Изменения в файлах шаблона требуют обязательной очистки кеша системы.
1. Войдите в административную панель Битрикс.
2. Перейдите в раздел: Настройки -> Настройки продукта -> Автокеширование.
3. Откройте вкладку "Очистка файлов кеша".
4. В выпадающем списке выберите опцию "Все".
5. Нажмите кнопку "Начать" для очистки всего файлового кеша.
6. Обязательно обновите страницу детальной карточки услуги в браузере (используйте полную перезагрузку с сочетанием клавиш Ctrl + F5 или Cmd + R).

3. Результат

После выполнения всех шагов и перезагрузки страницы блок "Сопутствующие услуги" (или другой, соответствующий измененному файлу) будет отображаться согласно новому выбранному визуальному шаблону (например, в виде плитки services.tile.1).

Наши решения
INTEC.GPT – ваш AI ассистент
Мы на связи, чтобы помочь вам!
Добро Пожаловать
в INTEC.GPT — ваш
AI ассистент техподдержки
Мгновенно отвечает на вопросы и помогает решать технические задачи
Ctrl+Enter - отправка