{% set defaultHeroText = 'Elérhetőségek' %}
{% if editmode %}
<div class="edit-hero-area">
<h6>Kép</h6>
{{ pimcore_image('hero-image') }}
{{ pimcore_input('hero-text', {
"class": "article-edit-title",
'placeholder': "Képen lévő cím (default: '" ~ defaultHeroText ~ "')"
}) }}
</div>
{% else %}
{% set heroText = pimcore_input('hero-text') %}
{% set heroImage = pimcore_image('hero-image') %}
<div class="hero-image"
style="
{% if heroImage and heroImage.getImage() %}
background-image:
linear-gradient(
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0.5)),
url({{ heroImage.getSrc() }});
{% else %}
height: 300px;
{% endif %}
">
<div class="hero-text">
<h2>
{% if heroText and heroText.getText() %}
{{ heroText.render() }}
{% else %}
{{ defaultHeroText }}
{% endif %}
</h2>
</div>
</div>
{% endif %}