В сегодняшней статье мы рассмотрим TV параметры, которые позволяют добавлять дополнительные поля к записям и выводить их в нужном вам месте.
На базе этого инструмента мы усовершенствуем вывод наших новостей, добавив к ним небольшие миниатюры.
Для начала нам нужно научиться их создавать. Для этого переходим в раздел «Элементы» — «Управление элементами» — Вкладка «Параметры (TV)».
Создаем новый параметр.
Заполняем поля.
Вкладка «Общие».
— Имя параметра – вводите без пробелов на английском языке. Я для примера введу img_blog.
— Заголовок – это подпись поля в админке. Я введу «Картинка для новостей и портфолио».
— Описание – в этом поле указывается дополнительная информация, например размер картинки. Я введу «Картинка размером 150 на 150 пикселей».
— Тип ввода – в нашем случае это будет image.
Вкладка «Свойства».
— Доступ шаблонов – здесь нужно галочками указать для каких шаблонов нужно применять этот параметр. В нашем случае нужно поставить галочку напротив «Внутренняя страница сайта».
Жмем сохранить.
Теперь переходим во вкладку «Чанки» и редактируем чанк – «novosti». Там должен быть код:
<div id="news">
<h2><a href="[~[+id+]~]" title="[+pagetitle+]">[+pagetitle+]</a></h2>
<div class="introtext"> [+img_blog+] <span class="date">[+date+]</span> [+introtext+] </div>
<div class="readmore" ><a href="[~[+id+]~]">Читать дальше →</a></div>
</div>
<div style="clear:both;"></div>
После этого в дереве материалов нажимаем редактировать одну из новостей и опускаемся вниз страницы. Под текстовым полем у вас должна быть панель дополнительных параметров.
Нажимаем «Вставить», перед вами откроется медиа менеджер MODx. В левом верхнем углу выбираем загрузить и закачиваем предварительно заготовленную картинку. После чего сохраняем нашу статью.
Это действие нужно повторить для всех новостей.
Обновляем страницу сайта и видим результат. Вот так просто можно добавлять различные параметры, в том числе и текстовые, чекбоксы, прикрепление файлов и прочее.
На этом сегодня все. Если у вас есть вопросы, задавайте их в комментариях.
В статье не сказано как сделать чтобы картинка была слева от текста. У меня текст получается первая строчка справа от картинки и остальное ниже картинки