{% set hasSliderSelect %}
{{ pimcore_select("hasSlider", {
"store": [
["has-slider", "Slider"],
["no-slider", "Listenansicht"]
],
"width": 300,
"reload": true
}) }}
{% endset %}
{% set colSelect %}
{{ pimcore_select("cols", {
"store": [
["xs-12 full", "1"],
["xs-12 m-6 half", "2"],
["xs-12 m-6 l-4 one-third", "3"],
["xs-12 m-6 l-3 one-fourth", "4"],
],
"width": 300,
"reload": true
}) }}
{% endset %}
{% set colsSelectResult = pimcore_select("cols").getData() %}
{% if editmode %}
<div class="flex-col">
<div class="xs-12 flex-col">
<div class="col xs-12 m-6 l-3">
<div class="select-items">
<div class="hint">
{{ 'Teaser Content Breite:' |trans }}
</div>
{{ colSelect }}
</div>
</div>
<div class="col xs-12 m-6 l-3">
<div class="select-items">
<div class="hint">
{{ ' Darstellungsart:' |trans }}
</div>
{{ hasSliderSelect }}
</div>
</div>
<div class="col xs-12 m-6 l-3">
{% if pimcore_select("contentWidth").isEmpty() %}
{% do pimcore_select("contentWidth").setDataFromResource("main-content") %}
{% endif %}
<span class="hint">{{ 'Contentbreite wählen' |trans }}</span>
{{ pimcore_select("contentWidth", {
"store": [
["fullwidth", "Fullwidth"],
["main-content", "Contentbreite"]
],
"reload": true
}) }}
</div>
<div class="col xs-12 m-6 l-3">
{% if pimcore_select("headlineType").isEmpty() %}
{% do pimcore_select("headlineType").setDataFromResource("h2") %}
{% endif %}
<span class="hint">{{ 'Headline Typ wählen' |trans }}</span>
{{ pimcore_select("headlineType", {
"store": [
["h2", "Überschrift h2"],
["h3", "Überschrift h3"],
["h4", "Überschrift h4"]
],
"width": 300,
"reload": true
}) }}
</div>
</div>
</div>
{% endif %}
{% set contentWidthSelectResult = pimcore_select("contentWidth") %}
{% if editmode %}
<div class="admin teaser-panel-row">
{% else %}
{% endif %}
<div class="section">
<div class="panel has-background {% if contentWidthSelectResult == 'fullwidth' %}pattern {% endif %} {% if editmode %} {% else %}{{ pimcore_select("hasSlider").getData() }} {% endif %}{% if colsSelectResult == 'xs-12 m-6 half' %}half{% elseif colsSelectResult == 'xs-12 full' %}full{% elseif colsSelectResult == 'xs-12 m-6 l-3 one-fourth' %}one-fourth{% else %}one-third{% endif %}">
{% if contentWidthSelectResult != 'fullwidth' %}
<div class="main-content">
{% endif %}
<div class="panel-container">
<div class="panel-content">
<div class="flex-col">
<div class="col xs-12">
<div class="headline">
<{{ pimcore_select("headlineType").getData() }}
>{{ pimcore_input("teaserTextBackgroundHeadline", {
"placeholder": 'Headline'
}) }}</{{ pimcore_select("headlineType").getData() }}>
</div>
</div>
</div>
<div class="flex-col panel-slider">
{% for i in pimcore_iterate_block(pimcore_block('contentblock')) %}
{% set productLink = pimcore_href("selectProduct").getElement() %}
<div class="col {{ colsSelectResult }}">
{% if editmode %}
<span class="hint">
{{ 'Verlinkung zu bestehendem Produkt?'|trans }}</span>
{{ pimcore_href("selectProduct", {
"types": ["object"],
"subtypes": {
"types": ["object"],
},
"classes": ["ProductFood", "ProductClothing", "Product"],
"width": 300,
"reload": true
}) }}
{% endif %}
{% if pimcore_href("selectProduct").isEmpty() != true %}
{% set detailViewUri = pimcore_url(
{
"name": productLink.getName()|sanitized_url,
"articlenumber": productLink.getArticleNumber()
},
"shopHandlerProductDetail" ~ bundleName
) %}
{% endif %}
<div class="teaser image-text">
<div class="teaser-content">
{% if pimcore_href("selectProduct").isEmpty() != true %}
<a href="{{ detailViewUri }}">
<div class="image">
{% if colsSelectResult == 'xs-12 full' %}
{{ productLink.getProductImage().getThumbnail("teaserImageFull").getHTML() |raw }}
{% elseif colsSelectResult == 'xs-12 m-6 half' and contentWidthSelectResult != 'fullwidth' %}
{{ productLink.getProductImage().getThumbnail("teaserImageHalf").getHTML() |raw }}
{% elseif colsSelectResult == 'xs-12 m-6 half' and contentWidthSelectResult == 'fullwidth' %}
{{ productLink.getProductImage().getThumbnail("teaserImageHalfFullWidth").getHTML() |raw }}
{% elseif colsSelectResult == 'xs-12 m-6 l-4 one-third' and contentWidthSelectResult != 'fullwidth' %}
{{ productLink.getProductImage().getThumbnail("teaserImage").getHTML() |raw }}
{% elseif colsSelectResult == 'xs-12 m-6 l-4 one-third' and contentWidthSelectResult == 'fullwidth' %}
{{ productLink.getProductImage().getThumbnail("teaserImageFullWidth").getHTML() |raw }}
{% elseif colsSelectResult == 'xs-12 m-6 l-3 one-fourth' and contentWidthSelectResult == 'fullwidth' %}
{{ productLink.getProductImage().getThumbnail("teaserImageFullWidth").getHTML() |raw }}
{% else %}
{{ productLink.getProductImage().getThumbnail("teaserImage").getHTML() |raw }}
{% endif %}
</div>
{% else %}
<a href="{{ pimcore_link("productLink").getHref() }}">
<div class="image">
{% if colsSelectResult == 'xs-12 full' %}
{{ pimcore_image("teaserImage", {
"title": "Drag your image here",
"thumbnail": "teaserImageFull"
}) }}
{% elseif colsSelectResult == 'xs-12 m-6 half' and contentWidthSelectResult != 'fullwidth' %}
{{ pimcore_image("teaserImage", {
"title": "Drag your image here",
"thumbnail": "teaserImageHalf"
}) }}
{% elseif colsSelectResult == 'xs-12 m-6 half' and contentWidthSelectResult == 'fullwidth' %}
{{ pimcore_image("teaserImage", {
"title": "Drag your image here",
"thumbnail": "teaserImageHalfFullWidth"
}) }}
{% elseif colsSelectResult == 'xs-12 m-6 l-4 one-third' and contentWidthSelectResult != 'fullwidth' %}
{{ pimcore_image("teaserImage", {
"title": "Drag your image here",
"thumbnail": "teaserImage"
}) }}
{% elseif colsSelectResult == 'xs-12 m-6 l-4 one-third' and contentWidthSelectResult == 'fullwidth' %}
{{ pimcore_image("teaserImage", {
"title": "Drag your image here",
"thumbnail": "teaserImageFullWidth"
}) }}
{% endif %}
</div>
{% endif %}
</a>
<div class="teaser-text-box">
<div class="title-box">
{% if pimcore_input("teaserHeadline") is not empty %}
<h4>
{{ pimcore_input("teaserHeadline", {'placeholder': 'Headline'})|trademark }}
</h4>
{% endif %}
</div>
<div class="content-box">
{% if pimcore_input("teaserContent") is not empty %}
<p>{{ pimcore_input("teaserContent", {'placeholder': 'Teaser Content'})|trademark }}</p>
{% endif %}
</div>
<div class="teaser-link">
{% if pimcore_href("selectProduct").isEmpty() != true %}
<a class="button btn-default" href="{{ detailViewUri }}" aria-label="{{ 'Zum Produkt' |trans }}">{{ 'Zum Produkt' |trans }}</a>
{% else %}
{{ pimcore_link('productLink', {'class': "button btn-default"}) }}
{% endif %}
</div>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
{% if pimcore_select("contentWidth") != 'fullwidth' %}
</div>
{% endif %}
</div>
</div>
{% if editmode %}
</div>
{% endif %}