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).
Наши решения