Добавляем изображение через дополнительное поле xfilds

Всем привет.
Вот как оказалось у меня нет такой статьи как добавлять изображение через дополнительные поля xfilds. Ну там ничего сложного.
В настройках плагина xfilds создаём дополнительное поле .
Там ничего сложного, все прописано ,где что. Единственный выбор это "Группа изображений",а остальное все зависит от вас.  Ну это примерные настройки.
Далее открываем шаблон ,там где хотим вывести изображение добавляем код

<img src="{% if (p.xfields.pocter.count < 1) %}{{ tpl_url }}/img/no_image.jpg{% else %}{{ p.xfields.pocter.entries[0].url }}{% endif %}">

{% if (p.xfields.pocter.count < 1) %}
<img src="{{ tpl_url }}/img/no_image.jpg">
{% else %}
<img src="{{ p.xfields.pocter.entries[0].url }}">
{% endif %}

 [xfield_poster][xvalue_poster][/xfield_poster]

Можешь почитать и вот эту статейку "Обесцветить картинку CSS и CSS3 transitions"