05-01 Стандартные поля SEBLOD: text, textarea, checkbox, radio, calendar.

seblod
Stanislav Raitin
2019-12-07
181

Стандартные поля SEBLOD типа text, textarea для текста, checkbox и radio для выбора значений, calendar для дат.

В этой статье небольшое вступление о полях конструктора контента SEBLOD, а затем краткое описание некоторых из них. Поля типа text и textarea для ввода и вывода текстовых значений, поля типа checkbox и radio для выбора из установленных значений и вывода их на сайт, а также поле типа calendar для оперирования с данными о дате/времени.

Начнем описание полей доступных в CKK SEBLOD со стандартные полей, т.е. тех полей, которые уже имеются в распоряжении разработчика и пользователя сайта при установке расширения. Таких полей на момент выхода первой версии SEBLOD 3.X. было 42, но на сегодня, ко времени написания этой статьи, разработчики предоставляют «из коробки» уже 46. В свою очередь, на сайте SEBLOD можно найти дополнительные поля, предлагаемые как разработчиками расширения, так и сторонними программистами.

Стандартные поля SEBLOD в свою очередь можно разделить (это моя собственная классификация, чисто для удобства) на «простые (simple)», «сложные (not simple)», «специальные (special)» и «специального назначения (extra)».

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

Эта статья посвящена обзору некоторых простых полей. При этом простые и сложные поля компонента SEBLOD предоставляют возможность ввода/вывода данных и рассматриваются в двух аспектах, соответствующих сторонам сайта.

Admin (админка) – особенности поля со стороны админки сайта. Здесь производится ввод/выбор данных в поле администратором сайта. В админке это поля типа input, select, img и т.д.

Site (сайт) – тот вид, который введенные/выбранные в админке данные приобретают на сайте, т.е. видны обычному пользователю. На сайте значения выводятся обернутым в <div> в зависимости от выбранного шаблона вывода и его разметки.

По умолчанию в SEBLOD действует правило – если в поле в админке не введено или не выбрано значение, то поле не выводится на сайте.

Поле SEBLOD типа «Text»

Обычное, самое банальное текстовое поле. В админке <input type=”text”>, позволяет вводить текстовые данные небольшого объема, а на сайте их выводить. При настройке устанавливаются минимальное и максимальное количество вводимых знаков, размер самого input и значение по-умолчанию. Примеры текстовых полей на сайте Joomla – заголовок материала, ID материала, alias. Пользовательские – цена, код товара, площадь объекта и т.д.

Поле SEBLOD типа «Text»

Поле SEBLOD типа «Textarea»

В админке <textarea> поле позволяет вводить многострочный текст, что позволяет использовать его для данных бóльшего объема чем просто text, а на сайте их выводить.
В админке настраиваются: минимальное и максимальное количество вводимых знаков, размер окна ввода и значение по-умолчанию. Дополнительно можно выбрать опцию Characters Remaining, чтобы показать число оставшихся для ввода знаков. Счетчик будет располагаться рядом с окном поля.

Примеры многострочных текстовых полей на сайте Joomla – поля ввода Meta Keywords и Meta Description для материалов и категорий. Пользовательские – любые дополнительные текстовые данные, не требующие форматирования, например, краткое описание товара, дополнительное описание категории, а для мультиязычных сайтов Meta Keywords и Meta Description для соответствующих языков.

Поле SEBLOD типа «Textarea»

Поле SEBLOD типа «Checkbox»

Поле, позволяющее установить «флажок». В админке это блок <fieldset> включающий один или несколько <input type=”checkbox”>, позволяет сделать выбор одного или нескольких заранее установленных значений, а на сайте их выводить.

В админке настраиваются: значения value для каждого input, значение по-умолчанию. Так же можно задать сортировку ячеек флажков для админки, разделитель вывода значений на сайте и взаимное расположение (горизонтально, вертикально).

Примеров полей флажков для страниц сайта Joomla – выбор материала в админке для последующего удаления или снятия с публикации. Пользовательские – разные опции с условием И для товара, теги материалов или подтверждение согласия на обработку персональных данных в форме заказа.

Поле SEBLOD типа «Checkbox»

Поле SEBLOD типа «Radio»

Поле – переключатель называемое также «радиокнопка». В админке это блок <fieldset> включающий один или несколько <input type=”radio”>, позволяет сделать выбор единственного из нескольких заранее установленных значений, а на сайте их выводить.

В админке настраиваются: значения value для каждого input, значение по-умолчанию. Так же можно задать сортировку ячеек радиокнопок для админки, разделитель вывода значений на сайте и взаимное расположение (горизонтально, вертикально).

Пример поля радиокнопка на странице сайта Joomla – ДА/НЕТ для Избранного. Пользовательские – разные опции с условием ИЛИ для товара (красный или зеленый, S или XL)

Поле SEBLOD типа «Radio»

Поле SEBLOD типа «Password»

Поле, похожее на текстовое, но узкоспециализированного назначения. В админке это <input type=”password”>, позволяет вводить пароль в форме регистрации или авторизации пользователя.

В админке настраиваются: минимальное и максимальное количество вводимых знаков, размер самого input и значение по-умолчанию.

Поле SEBLOD типа «Hidden»

Поле, похожее на текстовое, но узкоспециализированного назначения. В админке это <input type=”hidden”>, позволяет хранить в форме специальные данные, в скрытом виде. Это скорее специальное поле, но считаем его простым.

Поле SEBLOD типа «Calendar»

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

Поле SEBLOD типа «Calendar»

В админке настраиваются: скрыть/показать (12 или 24 часа) время, задать временную зону. Для настройки формата даты/времени на сайте в SEBLOD встроен специальный, так называемый «типографский» плагин.

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

Это были первые 7 полей стандартного пакета SEBLOD. Продолжение в следующем материале.

Другие материалы по теме

05. Конструктор контента Seblod
FaLang translation system by Faboba