В ModX Revolution можно вывести изображения несколькими способами. Один из основных способов - использование сниппета "getImage". Следуйте следующим шагам, чтобы вывести картинку на странице:
1. Определите путь к вашему изображению на сервере или воспользуйтесь Media Browser в административной панели ModX, чтобы загрузить изображение в нужную папку в файловой системе.
2. Вставьте следующий код в шаблон страницы или в чанк, где хотите вывести изображение:
<img src="[[(getImage? &tvname=`your_tv_name` &tpl=`your_template_chunk` &id=`[[*id]]` &limit=`1` &docid=`[[*id]]` &show=`tv` &tplOuter=`@INLINE [[+wrapper]]`)]]" alt="Имя изображения" />
где:
- "your_tv_name" - это название вашего TV-параметра, в котором хранится путь к изображению;
- "your_template_chunk" - это имя чанка шаблона для отображения изображения;
- "[[*id]]" - это ID текущей страницы, можно использовать другой параметр для определения ID страницы.
3. Создайте чанк "your_template_chunk", где будет определен HTML-шаблон для отображения изображения. Простой пример может выглядеть так:
<div class="image-wrap"> [[+wrapper]] </div>
4. Если вы хотите добавить альтернативный текст для изображения, замените "Имя изображения" на соответствующий текст.
Заметьте, что использование сниппета "getImage" позволяет автоматически обрабатывать изменение размера изображений и вставлять разные версии изображений в зависимости от разрешения экрана пользователя. Можно настроить параметры сниппета "getImage" для своих потребностей.
Теперь, когда вы добавили код и создали шаблон, проверьте страницу вашего сайта, чтобы увидеть, как изображение выводится на странице.