Hi, in my features.yaml I replace icon filed to image
title: Features
'@extends': default
form:
fields:
tabs:
fields:
features:
type: tab
title: Features
fields:
header.class:
type: select
label: Layout
default: small
size: medium
options:
small: Small = 4 / 3 / 2 columns
standard: Standard = 3 / 2 / 1 columns
header.features:
name: features
type: list
label: Features
fields:
.bimg:
type: file
label: Image
.header:
type: text
label: Header
.text:
type: text
label: Text
.url:
type: text
label: Link
Now I try to echo images, but can`t. I have looked at the forum. Tried different solutions. But it is not possible to display images instead of icons. If I do like in this example, I get a 500 error
I found this example code
<div class="modular-row contact {{ page.header.class }}">
<div class="g-grid pure-g-r">
<div id="listing" class="g-block pure-u-2-3">
{% include "forms/form.html.twig" %}
</div>
<div class="columns">
{% for feature in page.header.features %}
<div class="column {{ columns }}">
{% if feature.url %}<a href="{{feature.url}}">{% endif %}
<div class="feature-icon">
{% if page.header.features %}
{% for image in page.header.features %}
{% set file = image.bimg|first %}
{{ page.media[file.name].cropResize(500, 70).html()|raw }}
{% endfor %}
{% endif %}
{{ feature.image.url|e }}
{% if feature.header %}
<h6>{{ feature.header }}</h6>
{% endif %}
</div>
{% if feature.url %}</a>{% endif %}
<div class="feature-content">
{% if feature.text %}
<p>{{ feature.text }}</p>
{% endif %}
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
But it outputs all images for each block Features