37 lines
2 KiB
Twig
37 lines
2 KiB
Twig
{% set image_url = null %}
|
|
{% set image_alt = page.title %}
|
|
{% set use_direct_url = false %}
|
|
|
|
{% if page.boxImageUrl is not empty %}
|
|
{% set image_url = page.boxImageUrl %}
|
|
{% set image_alt = page.travelProgram.title|default(page.title) %}
|
|
{% elseif page.boxBody is not empty and page.boxBodyImage is defined and page.boxBodyImage and page.boxBodyImage['thumb_url'] is defined %}
|
|
{% set image_url = page.boxBodyImage['thumb_url'] %}
|
|
{% set image_alt = page.boxBodyImage['title']|default(page.title) %}
|
|
{% set use_direct_url = true %}
|
|
{% elseif page.travelProgram is not empty and page.travelProgram.previewImage is not empty %}
|
|
{% set image_url = 'uploads/travel_program/' ~ page.travelProgram.previewImage.fileNameWithExtension %}
|
|
{% set image_alt = page.title %}
|
|
{% elseif page.fewoLodging is not empty and page.fewoLodging.images is not empty and page.fewoLodging.images[0] is not empty %}
|
|
{% set image_url = '_uploads/images/' ~ page.fewoLodging.images[0].file %}
|
|
{% set image_alt = page.title %}
|
|
{% else %}
|
|
{% set image_url = asset('/bundles/app/images/no-picture.png') %}
|
|
{% set image_alt = 'Kein Vorschaubild vorhanden' %}
|
|
{% endif %}
|
|
|
|
{% if image_url and not use_direct_url %}
|
|
{% set image_url = box_image_web_path(image_url) %}
|
|
{% if is_absolute_url(image_url) %}
|
|
{% set use_direct_url = true %}
|
|
{% endif %}
|
|
{% endif %}
|
|
|
|
{% if use_direct_url %}
|
|
<div class="img-background lozad" data-background-image="{{ image_url }}" style="background-image:url({{ asset('images/placeholder-image.png') }});"></div>
|
|
{% else %}
|
|
<div class="img-background lozad" data-background-image="{{ image(image_url|trim('/')).cropResize(360).guess(70) }}" style="background-image:url({{ asset('images/placeholder-image.png') }})"></div>
|
|
<noscript>
|
|
<img width="234" data-url="{{ image_url }}" height="180" src="{{ image(image_url|trim('/')).cropResize(360).guess(70) }}" class="img-responsiv img-responsiv-item" style="">
|
|
</noscript>
|
|
{% endif %}
|