{% if pageElement.gfxMenu is defined and pageElement.gfxMenu %}
{% set img = (pageElement.listImage) ? pageElement.listImage | first : null %}
<li class="tile-menu-item">
<a href="/{{ nodeTranslationElement.lang }}/{{ nodeTranslationElement.url }}">
{{ nodeTranslationElement.title }}
</a>
{% if img is not null and img is not empty %}
{% set fullSrc = croppedImgSrc(img.media.url, img.cropping, { w: 350, h: 350, q: 80, fit: 'crop' }) %}
<figure class="tile-figure"><img src="{{ fullSrc }}" alt="{{ nodeTranslationElement.title }}"/></figure>
{% endif %}
<i class="tile-menu-bg {{ pageElement.colorClass }}"></i>
</li>
{% endif %}