{% set spacingSelect %}
{{ pimcore_checkbox("checkSpacing", {
"reload": true
}) }}
{% endset %}
{% set noSpacingTop = '' %}
{% set brickAnchorId = '' %}
{% if pimcore_checkbox('checkSpacing').isChecked() %}
{% set noSpacingTop = 'no-offset-top' %}
{% endif %}
{% set UID = uniqid() %}
{% if pimcore_input("brickAnchorIdInput") is not empty %}
{% set brickAnchorId = pimcore_input("brickAnchorIdInput")|lowercase %}
{% endif %}
{% set SlideNumber = 0 %}
{% if editmode %}
<div class="flex-col offset-bottom-single">
<div class="col xs-12 m-6 l-3">
<span class="hint">{{ 'ID für Anchorlinks vergeben' |trans }}</span>
{{ pimcore_input("brickAnchorIdInput") }}
</div>
<div class="col xs-12 m-6 l-3">
<div class="select-items">
<div class="hint">
{{ 'Kein Abstand nach oben?' |trans }}
</div>
{{ spacingSelect }}
</div>
</div>
</div>
<div class="admin slider-panel-row">
{% endif %}
<div id="{{ brickAnchorId }}" class="section {{ noSpacingTop }}">
<div class="content-slider">
<div class="main-content slider">
{% for i in pimcore_iterate_block(pimcore_block('contentblock')) %}
{% set UID = uniqid() %}
{% set productLink = pimcore_href("selectProduct").getElement() %}
{% if pimcore_select("ContentSliderHeadlineType").isEmpty() %}
{% do pimcore_select("ContentSliderHeadlineType").setDataFromResource("h2") %}
{% endif %}
{% if editmode %}
{% set SlideNumber = SlideNumber + 1 %}
<div class="flex-col offset-bottom-single">
<div class="col xs-12">
<h3><span class="hint">{{ 'Slider Element'|trans }} {{ SlideNumber }}</span></h3>
</div>
<div class="col xs-12 m-4">
<span class="hint">{{ 'Verlinkung zu bestehendem Produkt?'|trans }}</span>
{{ pimcore_href("selectProduct", {
"types": ["object"],
"subtypes": {
"types": ["object"],
},
"width": 300,
"classes": ["ProductFood", "ProductClothing", "Product"],
"reload": true
}) }}
</div>
<div class="col xs-12 m-4">
<span class="hint">{{ 'Headline Typ wählen' |trans }}</span>
{{ pimcore_select("ContentSliderHeadlineType", {
"store": [
["h2", "Überschrift h2"],
["h3", "Überschrift h3"],
["h4", "Überschrift h4"]
],
"reload": true
}) }}
</div>
<div class="col xs-12 m-4">
<span class="hint">{{ 'Hintergrundbild festlegen' |trans }}</span>
{{ pimcore_image("ContentSliderBackground", {
"title": "Drag your image here",
"width": 300,
"height": 150,
"thumbnail": "ContentSliderBackground" ~ bundleName,
"reload": true
}) }}
</div>
{% endif %}
{% if productLink == true %}
{% set price = productLink.getOSPrice() %}
{% set currency = price.getCurrency() %}
{% set oldPrice = currency.toCurrency(productLink.getPriceOld()) %}
{% set articleNumber = productLink.getArticleNumber() %}
{% set productName = productLink.getName() %}
{% set detailViewUri = pimcore_url(
{
"name": productLink.getUrlTitle(),
"articlenumber": productLink.getArticleNumber()
},
"shopHandlerProductDetail"
) %}
{% endif %}
{% if editmode %}
<div class="col xs-12 offset-top-single">
{% endif %}
<div id="{{ 'uid' ~ UID |raw }}" class="slide-item">
<div class="background-image">
<div class="image">
{% if pimcore_image("ContentSliderBackground") is not empty and pimcore_image("ContentSliderBackground").getThumbnail("ContentSliderBackground" ~ bundleName) is not empty %}
{{ pimcore_image("ContentSliderBackground").getThumbnail("ContentSliderBackground" ~ bundleName).getHTML() |raw }}
{% endif %}
</div>
</div>
<div class="content-wrapper">
<div class="text-container-bg">
<div class="headline">
<{{ pimcore_select("ContentSliderHeadlineType").getData() }}
>{{ pimcore_input("ContentSliderHeadline", {
"placeholder": 'Content'
}) }}</{{ pimcore_select("ContentSliderHeadline").getData() }}>
</div>
<div class="cta">
{% if pimcore_href("selectProduct").isEmpty() != true %}
<a class="button btn-default" href="{{ detailViewUri }}">{{ 'Zum Produkt' |trans }}</a>
{% else %}
{{ pimcore_link('productLink', {'class': "button btn-default"}) }}
{% endif %}
</div>
</div>
</div>
<div class="image-absolute noRightShift {% if pimcore_image("ContentSliderImageAbsolute").isEmpty() and pimcore_href("selectProduct").isEmpty() %}isEmpty{% endif %}">
{% if pimcore_image("ContentSliderImageAbsolute").isEmpty() and pimcore_href("selectProduct").isEmpty() %}
{% if editmode %}
<span class="hint">{{ 'Produktbild einfügen' |trans }}</span>
{% endif %}
{% endif %}
{% if pimcore_href("selectProduct").isEmpty() != true %}
{{ productLink.getProductImage().getThumbnail("ContentSliderImageAbsolute" ~ bundleName).getHTML() |raw }}
{% else %}
{{ pimcore_image("ContentSliderImageAbsolute", {
"title": "Drag your image here",
"thumbnail": "ContentSliderImageAbsolute" ~ bundleName,
"reload": true
}) }}
{% endif %}
</div>
</div>
{% if editmode %}
</div>
{% endif %}
{% endfor %}
</div>
</div>
</div>
{% if editmode %}
</div>
</div>
{% endif %}