{% sw_extends '@Storefront/storefront/base.html.twig' %}
{% block base_head %}
{% sw_include '@Storefront/storefront/page/product-detail/meta.html.twig' %}
{% endblock %}
{% block base_content %}
{% block page_product_detail %}
<div class="product-detail"
itemscope
itemtype="https://schema.org/Product">
{% block page_product_detail_inner %}
{% block page_product_detail_content %}
<div class="product-detail-content">
{% block page_product_detail_headline %}
<div class="row align-items-center product-detail-headline">
{% sw_include '@Storefront/storefront/page/product-detail/headline.html.twig' %}
</div>
{% endblock %}
{% set mediaItems = page.product.media.media %}
{% block page_product_detail_main %}
<div class="row product-detail-main">
{% block page_product_detail_media %}
<div class="col-lg-7 product-detail-media">
{% if page.product.media %}
{% 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': 'left',
'isProduct': true,
'fallbackImageTitle': page.product.translated.name,
'startIndexThumbnails': 1,
'startIndexSlider': 1,
'keepAspectRatioOnZoom': false
} %}
{% endif %}
</div>
{% endblock %}
{% block page_product_detail_buy %}
<div class="col-lg-5 product-detail-buy">
{% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
</div>
{% endblock %}
</div>
{% endblock %}
</div>
{% endblock %}
<div id="yellowbullets">
<div class="yellowmaserung">
<h6>{{ "premiumqualitaet"|trans }}</h6>
</div>
<div class="bluecontent"></div>
</div>
<span id="preiszusatz">{{ "preiszusatz"|trans }}</span>
{% set customLanguages = {
'custom_attachments_product_assembly_new_de': {
0: 'de', 1: 'de', 2: 'Deutsch'
},
'custom_attachments_product_assembly_new_en': {
0: 'en', 1: 'gb', 2: 'Englisch'
},
'custom_attachments_product_assembly_new_dk': {
0: 'da', 1: 'dk', 2: 'Dänisch'
},
'custom_attachments_product_assembly_new_fr': {
0: 'fr', 1: 'fr', 2: 'Französisch'
},
'custom_attachments_product_assembly_new_sk': {
0: 'sk', 1: 'sk', 2:'Slowakei'
},
'custom_attachments_product_assembly_new_nl': {
0: 'nl', 1: 'nl', 2: 'Niederländisch'
},
'custom_attachments_product_assembly_new_es': {
0: 'es', 1: 'es', 2: 'Spanisch'
},
'custom_attachments_product_assembly_new_sw': {
0: 'sw', 1: 'sw', 2: 'Schwedisch'
},
'custom_attachments_product_assembly_new_pl': {
0: 'pl', 1: 'pl', 2: 'Polnisch'
},
'custom_attachments_product_assembly_new_fi': {
0: 'fi', 1: 'fi', 2: 'Finnisch'
},
'custom_attachments_product_assembly_new_cz': {
0: 'cz', 1: 'cs', 2: 'Tschechisch'
}
} %}
{% set firstLang = {} %}
{% set break = false %}
{% for customKey, customLanguage in customLanguages %}
{% if not break %}
{% if page.product.translated.customFields[customKey]|default and config('Skanholz.config.' ~ customLanguage[0]) %}
{% set firstLang = {
'country': customLanguage[1],
'lang': customLanguage[0],
'name': customLanguage[2],
'link': page.product.translated.customFields[customKey]|default
} %}
{% set break = true %}
{% endif %}
{% endif %}
{% endfor %}
<span id="aufbauanleitung">
{% if break %}
<div class="languages-menu dropdown" id="aufbauanleitung-dropdown" data-skanholz-language-dropdown>
<button class="btn dropdown-toggle top-bar-nav-btn"
type="button"
onclick="toggleSkanholzDropdown()"
aria-haspopup="true"
aria-expanded="true">
<span class="top-bar-list-icon language-flag country-{{ firstLang.country }} language-{{ firstLang.lang }}"></span>
{# <span class="top-bar-nav-text d-none d-md-inline language-name">{{ firstLang.name }}</span>#}
</button>
<ul class="top-bar-list dropdown-menu dropdown-menu-end" data-skanholz-language-dropdown-ul aria-label="{{ 'header.languageList'|trans|striptags }}">
<li class="top-bar-list-item active">
{% for customKey, customLanguage in customLanguages %}
{% if page.product.translated.customFields[customKey]|default and config('Skanholz.config.' ~ customLanguage[0]) %}
<button class="dropdown-item d-flex align-items-center" onclick="changeSkanholzDropdown(this, '{{ customLanguage[0] }}', '{{ customLanguage[1] }}', '{{ customLanguage[2] }}', '{{ page.product.translated.customFields[customKey] }}')">
<span aria-hidden="true" class="top-bar-list-icon language-flag country-{{ customLanguage[1] }} language-{{ customLanguage[0] }}"></span>
{# {{ customLanguage[2] }}#}
</button>
{% endif %}
{% endfor %}
</li>
</ul>
</div>
{% endif %}
<a href='{% if firstLang.country is defined %}{{ firstLang.link }}{% else %}{{ page.product.translated.customFields.custom_attachments_product_assembly }}{% endif %}' target='_blank'><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d='M64 464H96v48H64c-35.3 0-64-28.7-64-64V64C0 28.7 28.7 0 64 0H229.5c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3V288H336V160H256c-17.7 0-32-14.3-32-32V48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16zM176 352h32c30.9 0 56 25.1 56 56s-25.1 56-56 56H192v32c0 8.8-7.2 16-16 16s-16-7.2-16-16V448 368c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24H192v48h16zm96-80h32c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48H304c-8.8 0-16-7.2-16-16V368c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16V400c0-8.8-7.2-16-16-16H320v96h16zm80-112c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16s-7.2 16-16 16H448v32h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H448v48c0 8.8-7.2 16-16 16s-16-7.2-16-16V432 368z'/></svg> {{ "Aufbauanleitung"|trans }}</a>
</span>
<span id="datenblatt"> <a href='{{ page.product.translated.customFields.custom_attachments_product_datasheet }}' target="_blank"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d='M64 464H96v48H64c-35.3 0-64-28.7-64-64V64C0 28.7 28.7 0 64 0H229.5c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3V288H336V160H256c-17.7 0-32-14.3-32-32V48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16zM176 352h32c30.9 0 56 25.1 56 56s-25.1 56-56 56H192v32c0 8.8-7.2 16-16 16s-16-7.2-16-16V448 368c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24H192v48h16zm96-80h32c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48H304c-8.8 0-16-7.2-16-16V368c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16V400c0-8.8-7.2-16-16-16H320v96h16zm80-112c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16s-7.2 16-16 16H448v32h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H448v48c0 8.8-7.2 16-16 16s-16-7.2-16-16V432 368z'/></svg> {{ "Datenblatt"|trans }}</a></span>
{% block page_product_detail_tabs %}
<div class="product-detail-tabs">
{% sw_include '@Storefront/storefront/page/product-detail/tabs.html.twig' %}
</div>
{% endblock %}
{% block page_product_detail_cross_selling %}
{% if page.crossSellings.elements is defined and page.crossSellings.elements|filter(item => item.total > 0)|length > 0 %}
<div class="product-detail-tabs product-detail-cross-selling">
{% sw_include '@Storefront/storefront/page/product-detail/cross-selling/tabs.html.twig' with {
crossSellings: page.crossSellings
} %}
</div>
{% endif %}
{% endblock %}
{% endblock %}
</div>
{% endblock %}
{% endblock %}