{% block element_product_desciption_reviews %}
{% set config = element.fieldConfig.elements %}
{% set product = element.data.product %}
{% set descriptionTabId = "description-tab-" ~ product.id %}
{% set descriptionTabHref = "#description-tab-" ~ product.id ~ "-pane" %}
{% set descriptionTabContent = "description-tab-" ~ product.id ~ "-pane" %}
{% set reviewTabId = "review-tab-" ~ product.id %}
{% set reviewTabHref = "#review-tab-" ~ product.id ~ "-pane" %}
{% set reviewTabContent = "review-tab-" ~ product.id ~ "-pane" %}
{% set crossSellings = element.data.product.crossSellings.elements %}
{% if element.data.product %}
<div class="cms-element-{{ element.type }}{% if config.alignment.value %} has-vertical-alignment{% endif %}">{% if config.alignment.value %}
<div class="cms-element-alignment{% if config.alignment.value == "center" %} align-self-center{% elseif config.alignment.value == "flex-end" %} align-self-end{% else %} align-self-start{% endif %}">
{% endif %}
<div class="card card-tabs">
{% block element_product_desciption_reviews_tabs_navigation %}
<div class="card-header product-detail-tab-navigation">
{% block element_product_desciption_reviews_tabs_navigation_container %}
<ul class="nav nav-tabs product-detail-tab-navigation-list"
id="product-detail-tabs"
role="tablist">
{% block element_product_variants_tab %}
<li class="nav-item">
<a class="nav-link product-detail-tab-navigation-link"
id="cs-variants-tab"
data-toggle="tab"
href="#cs-variants-tab-pane"
role="tab"
scroll-to="true"
aria-controls="cs-variants-tab-pane"
aria-selected="true">
{{ "detail.tabVariant"|trans|sw_sanitize }}
<span class="product-detail-tab-navigation-icon">
{% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
</span>
</a>
</li>
{% endblock %}
{% for item in crossSellings %}
{% set id = item.id %}
{% if item.active %}
<li class="nav-item">
<a class="nav-link product-detail-tab-navigation-link"
id="cs-{{ id }}-tab"
data-toggle="tab"
href="#cs-{{ id }}-tab-pane"
role="tab"
scroll-to="true"
aria-selected="true">
{{ item.translated.name }}
<span class="product-detail-tab-navigation-icon">
{% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
</span>
</a>
</li>
{% endif %}
{% endfor %}
{% block element_product_desciption_reviews_tabs_navigation_description %}
<li class="nav-item">
<a class="nav-link {% if (ratingSuccess != 1) and (ratingSuccess != -1) %}active{% endif %} product-detail-tab-navigation-link"
id="{{ descriptionTabId }}"
data-toggle="tab"
href="#cs-description-tab-pane"
scroll-to="true"
aria-selected="true">
<span>{{ "detail.tabsDescription"|trans|sw_sanitize }}</span>
<span class="product-detail-tab-navigation-icon">
{% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
</span>
{% if element.data.product.translated.description|length > 0 %}
<span class="product-detail-tab-preview">
{{ page.product.translated.description|raw|striptags|sw_sanitize|u.truncate(125, '…') }}
{# truncate always cuts down the length to 125 characters.
So it will only shorten the string if it exceeds 125 chars.
Therefor, only show the button when the length of the text is
greater or equal then 126 characters. #}
{% if element.data.product.translated.description|length >= 126 %}
<span class="product-detail-tab-preview-more">{{ "detail.tabsPreviewMore"|trans|sw_sanitize }}</span>
{% endif %}
</span>
{% endif %}
</a>
</li>
{% endblock %}
{% block element_product_property_tab %}
{% if page.product.sortedProperties|length > 0 %}
<li class="nav-item">
<a class="nav-link product-detail-tab-navigation-link"
id="cs-property-tab"
data-toggle="tab"
href="#cs-property-tab-pane"
role="tab"
scroll-to="true">
{{ "detail.tabsProperty"|trans|sw_sanitize }}
<span class="product-detail-tab-navigation-icon">
{% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
</span>
</a>
</li>
{% endif %}
{% endblock %}
{% block element_product_desciption_reviews_tabs_navigation_review %}
{% if config('core.listing.showReview') %}
<li class="nav-item">
<a class="nav-link {% if (ratingSuccess == 1) or (ratingSuccess == -1) %}active{% endif %} product-detail-tab-navigation-link review-tab"
id="{{ reviewTabId }}"
href="{{ reviewTabHref }}"
role="tab"
scroll-to="true">
{{ "detail.tabsReview"|trans|sw_sanitize }}
<span class="product-detail-tab-navigation-icon">
{% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
</span>
</a>
</li>
{% endif %}
{% endblock %}
{% block element_product_downloads_tab %}
<li class="nav-item">
<a class="nav-link product-detail-tab-navigation-link"
id="cs-downloads-tab"
href="#cs-downloads-tab-pane"
role="tab"
scroll-to="true">
{{ "detail.tabDownloads"|trans|sw_sanitize }}
<span class="product-detail-tab-navigation-icon">
{% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
</span>
</a>
</li>
{% endblock %}
</ul>
{% endblock %}
</div>
{% endblock %}
{% block element_product_desciption_reviews_tabs_content %}
<div class="product-detail-tabs-content card-body">
{% block element_product_desciption_reviews_tabs_content_container %}
<div class="tab-content">
{% block element_product_desciption_reviews_tabs_content_variants %}
{% if product.customFields.price_on_request_six_group!=1 %}
<div class="tab-pane"
id="cs-variants-tab-pane"
role="tabpanel">
<span class="tab-content-headline">
{{ "detail.tabVariants"|trans|sw_sanitize }}</span>
{% sw_include '@Storefront/storefront/component/product/table.html.twig' with {
product: element.data.product
} %}
<span class="table-info-text">{{ "detail.tabVariantsTextInfo"|trans|sw_sanitize }}</span>
</div>
{% endif %}
{% endblock %}
{% for item in crossSellings %}
{% set id = item.id %}
{% if item.active %}
<div class="tab-pane cross-selling-tab"
id="cs-{{ id }}-tab-pane"
role="tabpanel"
aria-labelledby="cs-{{ id }}-tab">
<span class="tab-content-headline">{{ item.translated.name }}</span>
{% sw_include '@Storefront/storefront/component/product/table-cross-sellings.html.twig' with {
products: item.assignedProducts.elements
} %}
</div>
{% endif %}
{% endfor %}
{% block element_product_desciption_reviews_tabs_content_description %}
<div class="tab-pane has-border"
id="cs-description-tab-pane"
role="tabpanel"
aria-labelledby="{{ descriptionTabId }}">
<div class="description-content">
<span class="tab-content-headline">
</span>
{% sw_include '@Storefront/storefront/component/product/description.html.twig' with {
product: element.data.product
} %}
</div>
</div>
{% endblock %}
{% block element_product_desciption_reviews_tabs_content_review %}
{% if config('core.listing.showReview') %}
<div class="tab-pane"
id="{{ reviewTabContent }}"
role="tabpanel"
aria-labelledby="{{ reviewTabId }}">
{% sw_include '@Storefront/storefront/component/review/review.html.twig' with {
reviews: element.data.reviews,
product: element.data.product
} %}
</div>
{% endif %}
{% endblock %}
{% if page.product.sortedProperties|length > 0 %}
<div class="tab-pane has-border"
id="cs-property-tab-pane"
role="tabpanel"
aria-labelledby="cs-property-tab">
<div class="cms-block pos-0 cms-block-product-three-column properties-content">
<div class="cms-block-container">
<span class="tab-content-headline">
{{ "detail.tabsProperty"|trans|sw_sanitize }}</span>
{% sw_include '@Storefront/storefront/page/product-detail/properties.html.twig' %}
</div>
</div>
</div>
{% endif %}
<div class="tab-pane has-border"
id="cs-downloads-tab-pane"
role="tabpanel"
aria-labelledby="cs-property-tab">
<div class="cms-block pos-0 cms-block-product-three-column downloads-content">
<div class="cms-block-container">
<span class="tab-content-headline">{{ "detail.tabDownloadHeadline"|trans|sw_sanitize }}</span>
{% block element_product_listing_col %}
{% set filesIds = [] %}
{% if page.product.customFields.custom_downloads_download1 %}
{% set filesIds = filesIds|merge([page.product.customFields.custom_downloads_download6]) %}
{% endif %}
{% if page.product.customFields.custom_downloads2 %}
{% set filesIds = filesIds|merge([page.product.customFields.custom_downloads_download6]) %}
{% endif %}
{% if page.product.customFields.custom_downloads_download3 %}
{% set filesIds = filesIds|merge([page.product.custom_downloads_download3]) %}
{% endif %}
{% if page.product.customFields.custom_downloads_download4 %}
{% set filesIds = filesIds|merge([page.product.customFields.custom_downloads_download4]) %}
{% endif %}
{% if page.product.customFields.custom_downloads_download5 %}
{% set filesIds = filesIds|merge([page.product.customFields.custom_downloads_download5]) %}
{% endif %}
{% if page.product.customFields.custom_downloads_download6 %}
{% set filesIds = filesIds|merge([page.product.customFields.custom_downloads_download6]) %}
{% endif %}
{% if page.product.customFields.custom_downloads_download7 %}
{% set filesIds = filesIds|merge([page.product.customFields.custom_downloads_download7]) %}
{% endif %}
{% if page.product.customFields.custom_downloads_download8 %}
{% set filesIds = filesIds|merge([page.product.customFields.custom_downloads_download8]) %}
{% endif %}
{% if page.product.customFields.custom_downloads_download9 %}
{% set filesIds = filesIds|merge([page.product.customFields.custom_downloads_download9]) %}
{% endif %}
{% if page.product.customFields.custom_downloads_download10 %}
{% set filesIds = filesIds|merge([page.product.customFields.custom_downloads_download10]) %}
{% endif %}
{% set filesCollection = searchMedia(filesIds, context.context) %}
<div class="download-list">
{% for file in filesIds %}
{% set fileMedia = filesCollection.get(file) %}
<a class="download-item" href="{{ fileMedia.url }}"><img src="{{ asset('bundles/schildersysteme/icons/icon_pdf.svg', 'asset') }}">{{ fileMedia.title }} </a>
{% endfor %}
</div>
{% if filesIds|length == 0 %}
<span>{{ "detail.tabDownloadInfo"|trans|sw_sanitize }}</span>
{% endif %}
{% endblock %}
</div>
</div>
</div>
</div>
{% endblock %}
</div>
{% endblock %}
</div>
</div>
</div>
{% endif %}
{% endblock %}