{#
# template override from core areabrick
# removed price and deliverability container
#}
{% 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 hasSliderSelect %}
{{ pimcore_select("hasSlider", {
"store": [
["has-slider", "Slider"],
["no-slider", "Listenansicht"]
]
}) }}
{% endset %}
{% set colSelect %}
{{ pimcore_select("cols", {
"store": [
["xs-12 full", "Full"],
["xs-12 m-6 half", "Half"],
["xs-12 m-6 l-4 one-third", "one-third"]
]
}) }}
{% endset %}
{% if editmode %}
<div class="flex-col offset-bottom-single">
<div class="col xs-12 m-6 l-3">
<span class="hint">{{ 'admin.brick.hint.anchorId' |trans }}</span>
{{ pimcore_input("brickAnchorIdInput") }}
</div>
<div class="col xs-12 m-6 l-3">
<div class="select-items">
<div class="hint">
{{ 'admin.brick.hint.paddingTop' |trans }}
</div>
{{ spacingSelect }}
</div>
</div>
<div class="col xs-12 m-6 l-3">
<span class="hint">{{ 'admin.brick.hint.selectCol' |trans }}</span>
{{ colSelect }}
</div>
<div class="col xs-12 m-6 l-3">
<span class="hint">{{ ' admin.brick.hint.displayMode' |trans }}</span>
{{ hasSliderSelect }}
</div>
</div>
{% endif %}
{% set colsSelectResult = pimcore_select("cols").getData() ?? 'xs-12 full' %}
{% if editmode %}
<div class="admin teaser-panel-row">
{% endif %}
<div id="{{ brickAnchorId }}" class="section {{ noSpacingTop }}">
{% if colsSelectResult == 'xs-12 m-6 l-4 one-third' %}
{% set colResult = 'one-third' %}
{% elseif colsSelectResult == 'xs-12 m-6 half' %}
{% set colResult = 'half' %}
{% elseif colsSelectResult == 'xs-12 full' %}
{% set colResult = 'full' %}
{% endif %}
<div class="panel {{ editmode ? '' : pimcore_select("hasSlider").getData() }} {{ colResult }}">
<div class="main-content">
<div class="panel-container">
<div class="panel-content">
<div class="flex-col panel-slider">
{% for i in pimcore_iterate_block(pimcore_block('contentblock')) %}
{% set productLink = pimcore_href("selectProduct").getElement() %}
{% if editmode %}
<span class="hint">
{{ 'admin.brick.hint.selectProduct'|trans }}</span>
{{ pimcore_href("selectProduct", {
"types": ["object"],
"subtypes": {
"types": ["object"],
},
"classes": ["ProductFood", "ProductClothing", "Product"],
"reload": true
}) }}
{% 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"
) %}
{% set thumbnailUrl = productLink.getProductImage().getThumbnail({
"width": 420,
"height": 190,
"frame": true,
"positioning": "center"
}) %}
<div class="col {{ colsSelectResult }}">
<div class="teaser image-text product">
<div class="teaser-content">
<div class="image">
<a href="{{ detailViewUri }}">
<img src="{{ thumbnailUrl }}" title="{{ articleNumber }}"/>
</a>
</div>
<div class="teaser-text-box">
<div class="title-box">
<h4>
<a href="{{ detailViewUri }}">{{ productName }}</a>
</h4>
</div>
<div class="content-box product-price-container">
<a class="button btn-default" href="{{ detailViewUri }}">
{{ 'View Product' |trans }}
</a>
</div>
</div>
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</div>
{% if editmode %}
</div>
{% endif %}