Дополнительное поле или TV-параметр – это простые пользовательские поля, которые Вы можете добавлять в свой шаблон. Они позволяют вам быть более гибкими в построении сайта и использовать больше полей, чем задано по умолчанию. К примеру, это могут быть также поля изображений, поля url, поля даты и другие. 

Дополнительные поля являются просто полями, которые добавляются к вашему документу, и имеют такой же синтаксис как и поля по умолчанию: [[*имя_поля]

Перейдем во вкладку "Элементы" и создадим "Дополнительное поле" по тому же прицепу что и чанк или сниппет. Назовем его "Image" в поле "Имя", в поле "Заголовок" опишем его для нашего понимания его. Остальное нас пока не интересует.

Далее перейдем во вкладку "Параметры ввода" и в ней изменим "Тип ввода" на "Изображение".

И последнее что нам нужно будет сделать при создании Дополнительного поля, находится во вкладке "Доступно для шаблонов". Напротив "BootstrapTemplate" втавим галочку доступа и жмем на кнопку .

Использование Дополнительного поля

Отлично! Теперь заполним это поле с изображение. Перейдем к редактированию страницы любой страницы (например, к созданной ранее "Новости"), главное – нам нужно проверить какой шаблон подключен к этой странице. Если выбран не тот, к которому мы прикрепили дополнительное поле, измените на нужное. Перейдем на вкладку "Дополнительные поля" и в поле "Image" нажмем на иконку изображения и выберите изображение из каталога. 

Но в нашем новом проекте его нет, т.ч. скопируйте любое изображение в любую папку assets. Либо загрузите через открывшееся окно браузера. Выберите папку и нажмите на иконку "Загрузить файлы" -> "Выбирите файл(ы)" -> "Загрузить" -> "ОК".

После того как Вы нажали на кнопку поле "Image" заполнилось и появилосьуменьшенное изображение. Не забудьте сохранить изменения нажав кнопку .

Теперь давайте отобразим это изображение в теле нашей "Новости". Для этого внизу "Содержимое ресурса" уберите галочку "Toggle Editor" и вставьте код:

<img src="[[*Image]]">

После сохранения страницы, перейдите на ее просмотр. Если Вы увидели ваше изображение, то сделали все правильно! На этом ознакомление с Дополнительными полями MODx Revolution.

Если у Вас появились ко мне вопросы по данной статье, задавайте их в комментариях ниже.