Размещение и настройка компонентов в визуальном редакторе

Простые компоненты в визуальном редакторе представлены желтыми иконками, например, компонент Альбом.
Комплексные компоненты представлены фиолетовыми иконками, например, комплексный компонент Фотогалерея 2.0.

Размещение компонента

При создании/редактировании страницы с помощью визуального HTML-редактора можно выбрать подходящий компонент из списка и переместить его в рабочую область страницы:

Настройки компонента

Вызвать Настройки выбранного компонента, можно двумя способами:

• Установить курсор на значок компонента размещенного в рабочей области страницы, тогда в панели Свойства будет выведен список настроек данного компонента:

  

• Использовать диалог Параметры компонента, который можно вызвать, дважды кликнув на иконке компонента в рабочей области страницы:

  

1. Для удобства настройки компонента его параметры разделены по группам. Например, Шаблон компонента, Основные параметры и т.д . Количество групп параметров и их содержимое зависит от конкретного компонента. Используя кнопки и рядом с названием группы параметров, вы можете скрывать и вновь отображать группы параметров.

2. При настройке параметров компонента выполняется работа с полями различных типов:

• выбор элемента из выпадающего списка;

  Для некоторых полей типа Выпадающий список возможен выбор значения (другое)–>. В этом случае необходимо ввести код в поле, расположенное рядом.

• выбор нескольких элементов из множественного списка (удерживая нажатой клавишу Ctrl);
• снятие или отметка некоторой опции (поле типа CheckBox);
• ввод информации в текстовую строку.

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

Настройка вывода свойств элементов инфоблока осуществляется в поле Свойства. Это поле в комплексных компонентах встречаться несколько раз, например, в Настройках списка и в Настройках детального просмотра:

Кроме того, параметры компонента могут быть настроены непосредственно в режиме редактирования исходного кода страницы: кнопка на панели инструментов визуального HTML-редактора.