{% if editmode %}
<div class="pim-tooltip">
<div class="container">
<div class="row">
<div class="col-6">
<div class="tooltip-description">
Bildausrichtung:
</div>
<div class="tooltipp-options">
{{ pimcore_select("set-align", {
"store" : [
['text-start', 'links'],
['text-center', 'zentriert'],
['text-end', 'rechts']
],
"defaultValue" : "",
"reload" : true
}) }}
</div>
</div>
<div class="col-6">
<div class="tooltip-description">
Bildbreite:
</div>
<div class="tooltipp-options">
{{ pimcore_select("set-width", {
"store" : [
['w-100', '100%'],
['w-75', '75%'],
['w-50', '50%']
],
"defaultValue" : "",
"reload" : true
}) }}
</div>
</div>
</div>
</div>
</div>
<div>
{{ pimcore_image('image_simple') }}
</div>
<div>
<p>Verlinkung bei Mausklick:</p>
{{ pimcore_link('image_link') }}
</div>
{% else %}
{% if not pimcore_image('image_simple').isEmpty() %}
<div class="{{ pimcore_select('set-align').getData }} {{ pimcore_select('set-width').getData }}">
{% if pimcore_link('image_link').getHref != '' %}<a href="{{ pimcore_link('image_link').getHref }}" target="{{ pimcore_link('image_link').getTarget }}">{% endif %}
{{ pimcore_image('image_simple') }}
{% if pimcore_link('image_link').getHref != '' %}</a>{% endif %}
{% if pimcore_link('image_link').getHref != '' and pimcore_link('image_link').getText != '' %}
<div class="{{ pimcore_select('set-align').getData }}" style="padding: 2rem 0;">
<a class="btn btn-outline" href="{{ pimcore_link('image_link').getHref }}" target="{{ pimcore_link('image_link').getTarget }}">{{ pimcore_link('image_link').getText }}</a>
</div>
{% endif %}
</div>
<br />
{% endif %}
{% endif %}