Инфоблоки: настройка форм, полей и изображений

Настройте форму элемента или раздела

Форму настраивают отдельно для элементов и разделов в административной части. Если нужно настроить форму элемента, откройте список элементов и перейдите к редактированию любого элемента.

Если нужно настроить форму раздела, откройте список разделов и перейдите к редактированию любого раздела. Ниже пример для новости, в другом инфоблоке путь и названия могут отличаться.

1. Перейдите в Контент > Новости > Новости.
2. Откройте настройки новости, выбрав в меню действий пункт Изменить.
   
3. В правой части нажмите иконку с шестеренкой. Откроется окно настройки формы.
4. В открывшемся окне настройте вкладки и поля формы.
   
5. В окне настройки формы есть четыре зоны:
   • 1 — доступные вкладки, которые можно добавить в форму
   • 2 — вкладки, которые уже показываются в форме
   • 3 — доступные поля выбранной вкладки
   • 4 — поля, которые уже показываются на выбранной вкладке
6. Настройте вкладки:
   • чтобы добавить вкладку в форму, выберите ее в зоне 1 и перенесите в зону 2 кнопкой со стрелкой
   • чтобы переименовать вкладку, выберите ее в зоне 2 и нажмите Изменить
   • чтобы создать свою вкладку, нажмите Добавить
   • чтобы изменить порядок вкладок, выберите вкладку в зоне 2 и используйте кнопки Выше и Ниже
   • чтобы убрать вкладку из формы, выберите ее в зоне 2 и нажмите Удалить
7. Поля выбранной вкладки настраиваются так же: нужные поля перенесите в зону 4, лишние уберите из нее.
8. Если форма должна стать общей для всех сотрудников, включите опцию Установить данные настройки по умолчанию для всех пользователей.
9. Сохраните настройки.

Переименуйте элементы и разделы под задачу инфоблока

В Битрикс используются общие слова элемент и раздел. Но для сотрудников понятнее, когда в каталоге написано товар и категория, в новостях — новость, в услугах — услуга.

Для этого перейдите в Рабочий стол > Контент > Инфоблоки > Типы инфоблоков > Нужный тип инфоблока. Откройте настройки инфоблока через меню действий и перейдите на вкладку Подписи. Замените общие слова и названия кнопок на понятные для этого инфоблока.

Настройки подписей для разделов доступны только там, где у типа инфоблока включена опция Использовать древовидный классификатор элементов по разделам.

Подписи не меняют данные и структуру инфоблока. Они только делают интерфейс понятнее для сотрудников в публичной и административной частях.

Сделайте важные поля обязательными

Обязательность помогает не забыть данные, без которых материал нельзя публиковать: символьный код, дату начала активности, картинку, раздел или важную характеристику товара.

Стандартные поля элемента и раздела настраивают в форме инфоблока на вкладках Поля и Поля разделов. Перейдите в Рабочий стол > Контент > Инфоблоки > Типы инфоблоков > Нужный тип инфоблока. Откройте настройки инфоблока через меню действий и перейдите на нужную вкладку.

В строке нужного поля включите флаг в колонке Обяз. Некоторые поля обязательны системно: для них нельзя включить или снять флаг вручную.

Если поле обязательно системно, но сотрудник не видит его при заполнении материала, сначала проверьте настройку формы через шестеренку. Поле могло остаться в списке доступных, но не показанных в форме.

Не делайте обязательными все поля подряд. Чем больше обязательных полей, тем выше риск, что сотрудники начнут заполнять их формально, только чтобы сохранить материал.

Настройте символьный код и значения по умолчанию

Символьный код нужен для понятных адресов динамических материалов. Если он скрыт или не заполнен, адреса могут остаться техническими. Подробнее о ЧПУ и шаблонах адресов рассказано на странице URL и навигация: как устроены адреса страниц.

Чтобы сотрудники не заполняли код вручную каждый раз, настройте поле Символьный код в инфоблоке.

1. Перейдите в Рабочий стол > Контент > Инфоблоки > Типы инфоблоков > Нужный тип инфоблока.
2. Откройте настройки инфоблока, выбрав в меню действий кнопку Изменить и перейдите на вкладку Поля для элементов или Поля разделов для разделов.
3. Найдите поле Символьный код.
4. Если код обязателен для адресов, включите Обяз.
5. Включите транслитерацию из названия при добавлении и проверку на уникальность, если одинаковые коды могут привести к дублям адресов.
6. Проверьте остальные настройки поля.
   
7. Сохраните инфоблок.

На этих же вкладках можно задавать значения по умолчанию для других полей. Например, для поля Начало активности можно подставлять дату создания материала, если на сайте такой порядок публикации.

Эти настройки лучше включать до того, как сотрудники начнут массово добавлять материалы. Для уже созданных элементов и разделов символьные коды придется проверить отдельно. Если кодов много, используйте групповую генерацию на странице Инфоблоки: RSS, поиск, адреса и дополнительные блоки.

Добавьте свойства для данных, которых нет в стандартной форме

Свойства нужны, когда стандартных полей недостаточно. У новости может быть автор, у товара — артикул и цвет, у вакансии — город и формат работы.

Перед добавлением свойства определите, зачем оно нужно: только для заполнения в админке, для показа на сайте, для фильтра, импорта или сортировки. Если свойство должно выводиться в публичной части или участвовать в обмене данными, согласуйте настройку с администратором или разработчиком.

Чтобы добавить свойство:

1. Откройте настройки инфоблока: Контент > Инфоблоки > Типы инфоблоков > Нужный тип > Нужный инфоблок.
2. Перейдите на вкладку Свойства.
3. Найдите свободную строку для нового свойства.
   
4. В свободной строке введите название свойства.
5. Выберите тип данных: строка, число, список, файл, привязка к элементу или другой доступный тип.
6. Включите Множ., если у свойства может быть несколько значений.
7. Включите Обяз., если без этого значения элемент нельзя сохранять.
8. Укажите код свойства латинскими буквами. Код пригодится компонентам, шаблонам, фильтрам и импорту.
9. Сохраните инфоблок.

После создания свойства проверьте форму элемента. Если свойство не видно в форме редактирования, добавьте его через шестеренку в настройках формы.

Но даже если свойство есть в форме, на сайте оно может не отображаться. За вывод на страницу отвечает компонент. Чтобы свойство увидели посетители, откройте страницу с компонентом, включите Режим правки, перейдите в настройки компонента и отметьте нужное свойство.

Добавьте подсказки для сложных свойств

Подсказки помогают сотрудникам одинаково заполнять поля. Они полезны для размеров, артикулов, служебных кодов, SEO-полей и других параметров, где нужна единая логика заполнения.

Чтобы добавить подсказку, в строке нужного свойства откройте детальные настройки через кнопку троеточия. Заполните поле Подсказка и сохраните настройки.

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

Если свойство используется в умном фильтре, для посетителей может понадобиться отдельная подсказка в фильтре. Настраивайте ее только если параметр действительно требует пояснения на публичной странице.

Настройте системную обработку изображений

В настройках инфоблока можно задать правила обработки изображений. Например, создавать картинку анонса из детальной картинки, уменьшать слишком большие изображения, ограничивать максимальную ширину и высоту.

Такие настройки находятся на вкладках Поля и Поля разделов в строках, связанных с картинками. Они помогают, если сотрудники часто загружают большие изображения и забывают готовить маленькую версию для анонса.

Опция Создавать картинку анонса из детальной применяется при добавлении или редактировании изображения. Если нужно пересоздать анонсовую картинку из детальной, детальное изображение придется обновить.

После сохранения настроек загрузите тестовое изображение. Проверьте его размеры и убедитесь, что картинка анонса создана по заданным правилам. Чтобы проверить настройку на ранее созданном элементе, обновите в нем детальное изображение.

Используйте авторский знак с учетом ограничений

В настройках полей элементов и разделов инфоблока можно автоматически наносить авторский знак на изображение при загрузке. Он может быть текстовым или в виде отдельной картинки.

Авторский знак в виде текста

В настройках инфоблока на вкладке Поля включите для картинки анонса опцию Наносить авторский знак в виде текста. Появятся дополнительные настройки.

• укажите текст надписи
• выберите шрифт: укажите путь к собственному шрифту в структуре файлов или выберите стандартный из папки /bitrix/fonts/
• выберите цвет надписи
• укажите размер надписи в процентах от размера картинки
• выберите место размещения надписи на загруженном изображении

Авторский знак в виде изображения

Для установки авторского знака в виде изображения понадобится загрузить это изображение в файловую структуру.

В настройках инфоблока на вкладке Поля включите для картинки анонса опцию Наносить авторский знак в виде изображения. Появятся дополнительные настройки.

• укажите путь к изображению: по кнопке ... доступен выбор из файловой структуры сайта
• задайте прозрачность
• выберите место размещения знака на загруженном изображении

Подготовьте изображение авторского знака сразу в нужном размере: отдельной настройки масштабирования для него нет.

Авторский знак не работает при импорте из файла и применяется только к изображениям, загруженным после включения настройки. Старые изображения не изменятся автоматически. Если настройки авторского знака поменяли позже, уже загруженные картинки останутся со старым вариантом.

Проверьте форму после настройки

После изменения формы или полей создайте тестовый элемент на демосайте или в непубличном разделе.

1. Откройте форму как сотрудник, который будет заполнять материалы.
2. Проверьте, что видны все обязательные поля.
3. Убедитесь, что лишние поля не мешают заполнению.
4. Заполните новый элемент и сохраните его.
5. Проверьте, что символьный код, свойства и изображения сохранились правильно.
6. Откройте материал в публичной части и проверьте список, детальную страницу и мобильный вид.
7. Если добавляли новое свойство, убедитесь, что оно выводится там, где нужно.

Форма настроена удачно, если сотрудник понимает, что заполнять, обязательные данные не теряются, а материал после сохранения выглядит на сайте так, как ожидается.