{% if recommendedProducts is not empty %}
<section class="product-list">
<div class="container">
{% if module.title is defined %}
<header class="product-list__header">
<h2 class="product-list__heading">{{ module.title }}</h2>
</header>
{% endif %}
{% set sideProducts = [] %}
<div class="row">
<div class="product-list__slider product-list__slider-recommended" data-sliderRecommended>
{% if module.extraProducts is defined and module.extraProducts is not empty %}
{% set recommendedProducts = module.extraProducts|merge(recommendedProducts) %}
{% endif %}
{% for product in recommendedProducts %}
{% if loop.index > 4 and loop.index < 7 %}
{% set sideProducts = sideProducts|merge([product]) %}
{% else %}
{% include "frontend-eforum/_partials/product-box.html.twig" with {product: product, 'kcShortDesc': true} %}
{% endif %}
{% endfor %}
</div>
{% if module.bannerBoxBackground is defined and module.bannerBoxBackground is not empty %}
<article class="banner-box col-xs-12 col-sm-12 col-md-12 col-lg-6">
<div class="banner-box__inner"
style="background-image: url(/uploads/productCmsFiles/{{ module.bannerBoxBackground }})"
>
{% if module.bannerBoxTitle is defined %}
<h2 class="banner-box__title">{{ module.bannerBoxTitle }}</h2>
{% endif %}
{% if module.bannerBoxDescription is defined %}
<p class="banner-box__description">{{ module.bannerBoxDescription }}</p>
{% endif %}
{% if module.link is defined and module.link is not empty %}
<a class="button button--white button--with-arrow"
href="{{ module.link }}"
>
{% if module.bannerBoxButtonText is defined %}
{{ module.bannerBoxButtonText }}
{% else %}
Poznaj ofertÄ™
{% endif %}
</a>
{% endif %}
</div>
</article>
{% endif %}
{% for sideProduct in sideProducts %}
{% include "frontend-eforum/_partials/product-box.html.twig" with {product: sideProduct, class: 'col-xs-12 col-sm-6 col-md-6 col-lg-3', 'kcShortDesc': true} %}
{% endfor %}
</div>
</div>
</section>
{% endif %}