{% set PixelLexikonConfig = config('PixelLexikonSW6').config %}
{% block lexikons_content_lexikons %}
{% set categories = element.data.result %}
<div class="is-pixellexikon col-12">
{% for category in categories.elements %}
<div class="container row">
<div class="col-12 row">
<h2 style="margin-top: 10px;">{{ category.translated.title }}</h2>
</div>
<hr class="my-4">
<p class="col-12 row">{{ category.translated.description|raw }}</p>
</div>
<div class="clearfix"></div>
<div class="cms-block cms-block-text lexikon-listing-box">
<div class="cms-block-container">
<div class="cms-block-container-row row cms-row ">
<div class="col-12">
<div class="lexikon-category-text">
{% block pixel_lexikon_listing_items %}
<div class="row">
{% for item in category.items %}
{% block pixel_lexikon_listing_box %}
{% if PixelLexikonConfig.LEXIKONBOXTEMPLATE == 'line' %}
{% set columnCss = 'col-sm-12 col-lg-12 col-xl-12' %}
{% elseif PixelLexikonConfig.LEXIKONBOXTEMPLATE == 'boxed' %}
{% set columnCss = 'col-sm-6 col-lg-6 col-xl-4' %}
{% else %}
{% set columnCss = 'col-sm-6 col-lg-6 col-xl-4' %}
{% endif %}
<div class="{{ columnCss }}">
<div class="card box-standard">
{% block pixel_lexikon_listing_box_img %}
{% if PixelLexikonConfig.LEXIKONLISTIMAGES %}
{% if item.media|length > 0 %}
{% set mediaItems = item.media.media %}
{% set fallbackImageTitle = item.translated.title %}
{% sw_include '@Storefront/storefront/element/cms-element-image-lexikon.html.twig' with {
'mediaItems': mediaItems,
'zoom': false,
'zoomModal': false,
'displayMode': 'standard',
'gutter': 5,
'minHeight': '200px',
'navigationArrows': 'inside',
'navigationDots': false,
'galleryPosition': 'underneath',
'magnifierOverGallery': false,
'fallbackImageTitle': fallbackImageTitle,
'startIndexThumbnails': 1,
'startIndexSlider': 1
} %}
{% endif %}
{% endif %}
{% endblock %}
<div class="card-header">
{% block pixel_lexikon_listing_box_title %}
<h3 class="lexikon-title"><a
href="{{ seoUrl('frontend.lexikon.detail', { id: item.id }) }}"
class="title"
title="{{ item.translated.title }}">{{ item.translated.title }}</a>
</h3>
{% endblock %}
</div>
<div class="card-body">
<p class="card-text">{% block pixel_lexikon_listing_box_description %}
<div class="lexikon-description">
{% if PixelLexikonConfig.LEXIKONBOXTEMPLATE == 'line' %}{{ item.translated.descriptionLong|raw }}{% else %}{{ item.translated.description|striptags|raw }}{% endif %}
</div>
{% endblock %}</p>
{% block pixel_lexikon_listing_box_actions %}
<div class="lexikon-box-actions">
<a href="{{ seoUrl('frontend.lexikon.detail', { id: item.id }) }}"
class="btn btn-sm btn-primary"
title="{{ item.translated.title }}">{{ "pixelLexikon.page.btnmore.text"|trans }} {% sw_icon 'arrow-medium-right' style { 'pack': 'solid'} %}</a>
</div>
{% endblock %}
</div>
</div>
</div>
{% endblock %}
{% endfor %}
</div>
{% endblock %}
</div>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
{% endblock %}