Визуальный редактор позволяет вставлять компоненты 1С-Битрикс прямо в тело страницы: перетащить нужный компонент из панели, задать его параметры в окне настроек и сразу увидеть результат — без работы с исходным кодом.
Что такое компонент и зачем вставлять его в редакторе
Компонент в 1С-Битрикс — это готовый программный блок, который выводит на странице определённые данные: новости, каталог товаров, форму обратной связи, карту сайта, хлебные крошки и т. д. Компонент состоит из логики (получение данных) и шаблона (вывод), а контент-менеджеру достаточно указать параметры.
Визуальный редактор избавляет от необходимости вручную писать вызов $APPLICATION->IncludeComponent() в PHP. Вы работаете с компонентом визуально: перетаскиваете его на страницу и заполняете форму параметров.
- Комплексные компоненты — состоят из нескольких страниц (например, «Новости» с листом и детальной страницей).
- Простые компоненты — выводят один блок данных (например, «Список новостей» или «Форма подписки»).
Где находится панель компонентов
Откройте нужную страницу в визуальном редакторе (кнопка «Изменить страницу» на административной панели или редактирование файла через Контент → Структура сайта → Файлы и папки). Справа от области редактирования расположена вкладка со списком компонентов.
Компоненты сгруппированы по модулям и разделам. Для удобства предусмотрены:
- дерево разделов (Контент, Сервисы, Интернет-магазин, Утилиты и др.);
- строка поиска по названию компонента;
- вкладка «Последние» с недавно использованными компонентами.
Если панель компонентов не видна, включите её кнопкой отображения панели в правой части редактора.
Как вставить компонент: пошагово
Порядок действий при добавлении компонента на страницу:
- Установите курсор в том месте страницы, куда нужно поместить компонент.
- В панели компонентов справа раскройте нужный раздел и найдите компонент.
- Перетащите компонент мышью в область редактирования (drag-and-drop) либо дважды кликните по нему.
- В открывшемся окне настроек компонента задайте параметры: инфоблок, тип и количество выводимых элементов, шаблон вывода, кэширование и др.
- Нажмите «Сохранить» — компонент появится на странице в виде выделенного блока с плейсхолдером.
- Сохраните страницу целиком, чтобы изменения записались в файл.
В коде страницы вставка отображается как вызов IncludeComponent с переданными параметрами; менять этот код вручную не требуется.
Настройка параметров компонента
Окно настроек разбито на группы параметров. Их состав зависит от компонента, но чаще всего встречаются следующие блоки:
| Группа | Что настраивается |
|---|---|
| Основные параметры | Тип инфоблока, ID инфоблока, режим работы |
| Параметры списка | Сортировка, количество элементов, поля для вывода |
| Шаблоны страниц | URL детальной страницы, разделов, ЧПУ |
| Настройки кэширования | Тип кэша и время его жизни |
| Дополнительно | SEO, постраничная навигация, подписи |
Чтобы позже изменить параметры, кликните по вставленному компоненту в редакторе и выберите «Редактировать параметры компонента» в контекстном меню или на всплывающей панели.
Выбор и правка шаблона компонента
За внешний вид отвечает шаблон компонента. В настройках доступен выпадающий список с установленными шаблонами (например, .default, news, bootstrap_v4).
- Выберите готовый шаблон из списка — вывод изменится без правки кода.
- Через контекстное меню компонента можно скопировать шаблон в шаблон сайта для дальнейшей кастомизации (пункт «Копировать шаблон компонента»).
- Правка скопированного шаблона относится уже к задачам верстальщика/разработчика и выполняется в файлах
template.phpиstyle.css.
Контент-менеджеру достаточно выбрать подходящий шаблон из списка — этого хватает для большинства задач.
Компоненты во включаемых областях
Часть компонентов удобно размещать не в теле страницы, а во включаемых областях — например, блок «Хиты продаж» в правой колонке или форма подписки в подвале. Такие области подключаются во всех страницах через шаблон сайта.
Чтобы отредактировать компонент во включаемой области, в режиме правки наведите курсор на область — появится всплывающая панель с кнопкой настройки. Так вы избегаете дублирования одного и того же компонента на каждой странице вручную.
Частые ошибки
Типичные проблемы при вставке компонентов и способы их решения:
- Компонент вставлен, но ничего не выводит. Чаще всего не указан или неверно выбран инфоблок либо в нём нет активных элементов. Проверьте параметры «Тип инфоблока» и «Инфоблок».
- После вставки «поехала» вёрстка. Выбран шаблон, не совпадающий с дизайном сайта. Смените шаблон компонента в настройках на подходящий.
- Изменения не видны на сайте. Включено кэширование компонента — сбросьте кэш через Настройки → Настройки продукта → Автокэширование или кнопкой на административной панели.
- Компонент пропал после сохранения через «Исходный код». Ручная правка HTML могла повредить вызов
IncludeComponent. Отменяйте изменения и правьте параметры через окно настроек. - Нет прав на инфоблок. Если у пользователя недостаточно прав, компонент выдаёт ошибку доступа — обратитесь к администратору за назначением прав.
Итог
Вставка компонентов через визуальный редактор — основной способ добавлять динамические блоки на страницы 1С-Битрикс без программирования. Достаточно перетащить компонент из панели, задать параметры и выбрать шаблон.
Ключевые моменты: работайте через окно настроек, а не через исходный код; следите за выбранным инфоблоком и шаблоном; при отсутствии изменений сбрасывайте кэш. Более сложную кастомизацию шаблонов передавайте разработчику.