05-05 Upload Image, Upload File и Color Picker - стандартные поля SEBLOD

05-05 Upload Image, Upload File и Color Picker - стандартные поля SEBLOD
2020-09-09
82

Стандартные поля CCK SEBLOD – Upload Image и Upload File для загрузки изображений и файлов и Color Picker – поле выбора цвета.

В этой статье следующая порция стандартных полей CCK SEBLOD, это Upload Image, позволяющее загружать в админке и выводить на страницы сайта изображения, Upload File предназначенное для загрузки на сервер файлов и Color Picker для выбора цвета.

Продолжим описание полей доступных в CKK SEBLOD «из коробки», т.е. стандартных полей. Об условной классификации полей SEBLOD в начале материала «Стандартные поля SEBLOD: text, textarea, checkbox, radio, calendar».

Как обычно поля рассматриваются в двух аспектах, соответствующих сторонам сайта. Admin (админка) – особенности поля со стороны админки сайта. Site (сайт) – тот вид, который введенные/выбранные в админке данные приобретают на сайте, т.е. видны обычному пользователю.

Поле SEBLOD типа «Upload Image» (№19)

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

Поле типа Upload Image сложное поле со множеством настроек, отдельно для закачки изображения, отдельно для вывода на сайт.

Как и для других полей для этого типа поля есть возможность указать подпись (label). В качестве значения «по-умолчанию» указывается путь к изображению-заглушке.

Основные настройки поля для закачки – каталог хранения изображений, максимальный размер закачиваемого файла, допустимые форматы изображений, формат записи пути к изображению в БД, а также размеры основного изображения и миниатюр. Если необходимо добавляем к изображению поля ввода атрибутов alt и title.

Поле SEBLOD типа «Upload Image» (№19)

В админке поле типа Upload Image в первую очередь предоставляет пользователю (администратору) кнопку выбора требуемого изображения из списка изображений на компьютере. Изображение закачивается на сайт и обрезается до заданного размера, вместе с основным изображением могут быть созданы и миниатюры. Изображения хранятся в указанной папке, а пути к ним в ячейке БД, как правило в формате JSON.

После закачивания изображения на экране появится его миниатюра, при клике по которой открывается изображение заданного размера. Если изображение не выбрано устанавливается заглушка – изображение «по-умолчанию».

Для удаления изображения необходимо поставить галочку в поле справа от изображения и нажать «Сохранить». Желательно выбирать новое изображение на замену после удаления старого.

На сайте поле типа Upload Image выглядит как обычное изображение. Для удобства использования и настроек вывода в SEBLOD для полей изображений используется специальный плагин вывода (Seblod typo plugin), который называется Image. Плагин позволяет выбрать для вывода миниатюру конкретного размера, назначить открытие большого (основного) изображения во всплывающем окне, присвоить изображению классы или атрибуты.

На страницах стандартного сайта на CMS Joomla нет примеров полей, созданных при помощи поля типа Image. Пользовательские – любые поля изображений. Обычно с помощью этого поля делается заглавное изображение к основному виду материала или товара, а миниатюры используются в списках или выводах типа «блог».

Также, в сочетании со специальным полем Seblod Field X (о нем будет написано отдельно), позволяющем многократный вывод любого другого поля, может быть создана галерея изображений.

Поле SEBLOD типа «Upload File» (№20)

Поле типа Upload File позволяет загрузить на сайт в админке или при редактировании материала с фронта каких-либо файлов. Также поле позволяет скачивание загруженного файла обычным пользователям сайта.

Поле SEBLOD типа «Upload File» (№20)

Как и для других полей для этого типа поля в настройках есть возможность указать подпись (label). В качестве значения «по-умолчанию» может быть указан путь к общему файлу для скачивания. Это значение затем перезаписывается данными закачанного администратором файла.

Основные настройки поля Upload File – каталог хранения изображений, максимальный размер закачиваемого файла, допустимые форматы, формат записи пути к файлу в БД. Если необходимо добавляем к файлу поля ввода атрибута title.

В админке поле типа Upload File в первую очередь предоставляет пользователю (администратору) кнопку выбора требуемого файла из списка файлов на компьютере. Файл закачивается на сайт в указанную папку, а путь к нему записывается в ячейке БД.

После закачивания файла на экране появится его наименование. Для удаления файла необходимо поставить галочку в поле справа и нажать «Сохранить». Желательно выбирать новый файл на замену после удаления старого.

На сайте данные из поля типа Upload File выглядят как строка с именем файла, которая также является ссылкой. Клик по ссылке позволяет пользователю скачать файл на свой компьютер.

На страницах стандартного сайта на CMS Joomla нет примеров полей, созданных при помощи поля типа Upload File. Пользовательские – поля для скачивания файлов на специализированных ресурсах типа файлообменников, а также как продукты в интернет-магазинах (скачиваемые программы или электронные книги) или вспомогательные ссылки на страницах товаров (скачивание инструкций).

Поле SEBLOD типа «Color Picker» (№21)

Поле типа Color Picker специфическое поле, позволяющее в админке сайта получить доступ к палитре цветов.

Поле SEBLOD типа «Color Picker» (№21)

Настройки минимальны - есть возможность указать подпись (label) и значение цвета «по-умолчанию».

На сайте данные из поля типа Color Picker выглядят как обычная текстовая строка, содержащая код выбранного цвета.

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

Свяжитесь с нами

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

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