{% block pixel_lexikon_page_detail_text %}
<div class="cms-block cms-block-text lexicon-text-detail">
<div class="cms-block-container" >
<div class="cms-block-container-row row ">
{% block pixel_lexikon_page_detail_block_left %}
{% if pixelLexikon.entry.media|length > 0 %}
{% set mediaItems = pixelLexikon.entry.media.media %}
{% set fallbackImageTitle = pixelLexikon.entry.translated.title %}
<div class="col-lg-5 product-detail-media js-magnifier-zoom-image-container mt-2">
{% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with {
'mediaItems': mediaItems,
'zoom': true,
'zoomModal': true,
'displayMode': 'contain',
'gutter': 5,
'minHeight': '430px',
'navigationArrows': 'inside',
'navigationDots': 'inside',
'galleryPosition': 'underneath',
'magnifierOverGallery': false,
'fallbackImageTitle': fallbackImageTitle,
'startIndexThumbnails': 1,
'startIndexSlider': 1
} %}
</div>
{% endif %}
{% endblock %}
{% block pixel_lexikon_page_detail_block_right %}
<div class="{% if pixelLexikon.entry.media|length > 0 %}col-lg-7{% else %}col-lg-12{% endif %}">
<div class="cms-element-text">
{% block pixel_lexikon_page_detail_text_title %}
<div class="title">
<h1>{{ pixelLexikon.entry.translated.title }}</h1>
</div>
{% endblock %}
{% block pixel_lexikon_page_detail_text_description %}
{% if pixelLexikon.entry.translated.descriptionLong %}
<div class="description">{{ pixelLexikon.entry.translated.descriptionLong|raw }}</div>
{% else %}
<div class="description">{{ pixelLexikon.entry.translated.description|raw }}</div>
{% endif %}
{% endblock %}
</div>
</div>
{% endblock %}
</div>
</div>
{% block page_content_blocks %}
{% if page.cmsPage %}
<div class="cms-page">
{% sw_include "@Storefront/storefront/page/content/detail.html.twig" with {'cmsPage': page.cmsPage} %}
</div>
{% endif %}
{% endblock %}
{% block pixel_lexikon_page_detail_products_outer %}
{% if pixelLexikon.entry.products|length > 0 %}
{% sw_include '@Storefront/storefront/pixel-lexikon/page/detail/products.html.twig' %}
{% endif %}
{% endblock %}
</div>
{% endblock %}