{% sw_extends '@Storefront/storefront/page/product-detail/index.html.twig' %}
{% block page_product_detail_headline %}{% endblock %}
{% block page_product_detail_tabs %}{% endblock %}
{% block page_product_detail_cross_selling %}{% endblock %}
{% block page_product_detail_main %}
<div class="row product-detail-main">
<div class="col-md-7 col-lg-8 col-xl-9">
<div class="row">
<div class="col-lg-5 col-xl-4 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': '312px',
'navigationArrows': fasle,
'navigationDots': fasle,
'galleryPosition': 'underneath',
'isProduct': true,
'fallbackImageTitle': page.product.translated.name,
'startIndexThumbnails': page.product.cover.position + 1,
'startIndexSlider': page.product.cover.position + 1
} %}
{% endif %}
</div>
<div class="col-lg-7 col-xl-8 js-magnifier-zoom-image-container">
<div class="mpa--product-detail-name">
<h1 class="product-detail-name"
itemprop="name">
{{ page.product.translated.name }}
</h1>
{% if page.product.translated.customFields.custom_custom_fields_sub_title %}
<div class="mpa--sub-title">{{ page.product.translated.customFields.custom_custom_fields_sub_title }}</div>
{% endif %}
</div>
{% if page.product.ratingAverage > 0 and page.reviews.totalReviews > 0 and config('core.listing.showReview') %}
<div class="product-detail-reviews">
{% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
points: page.product.ratingAverage,
style: 'text-primary'
} %}
{% if page.product.ratingAverage > 0 %}
<span class="mpa--review-rating">{{ page.product.ratingAverage }}{{ "detail.mpaReviewAvgRate"|trans|sw_sanitize }}</span>
{% endif %}
</div>
{% endif %}
{#<div class="mpa--product-detail-manufacturer">
{% if page.product.manufacturer %}
<p>We supply the following brand:</p>
<a href="{{ page.product.manufacturer.link }}"
class="product-detail-manufacturer-link"
rel="noreferrer noopener"
target="_blank"
title="{{ page.product.manufacturer.translated.name }}">
{% if page.product.manufacturer.media %}
<img src="{{ page.product.manufacturer.media|sw_encode_media_url }}"
class="product-detail-manufacturer-logo"
alt="{{ page.product.manufacturer.translated.name }}"/>
{% else %}
{{ page.product.manufacturer.translated.name }}
{% endif %}
</a>
{% endif %}
</div>#}
<div class="mpa--product-detail-meta">
{% if page.product.productNumber %}
<meta itemprop="productID" content="{{ page.product.id }}"/>
<p><strong>{{ "detail.productNumberLabel"|trans|sw_sanitize }}</strong> {{page.product.productNumber }}</p>
{% endif %}
{% if page.product.manufacturer %}
<p><strong>Hersteller:</strong> {{ page.product.manufacturer.translated.name }}</p>
{% endif %}
{% if page.product.translated.customFields.custom_custom_fields_part_number %}
<p><strong>Teilenummer:</strong> {{ page.product.translated.customFields.custom_custom_fields_part_number }}</p>
{% endif %}
</div>
{% if page.product.translated.customFields.custom_product_fields_scope_delivery %}
<div class="mpa--product-detail-scope-delivery">
<h6>Lieferumfang:</h6>
{{ page.product.translated.customFields.custom_product_fields_scope_delivery|raw }}
</div>
{% endif %}
</div>
</div>
<div class="mpa--product-tabs">
<div class="product-detail-tabs">
{% sw_include '@Storefront/storefront/page/product-detail/tabs.html.twig' %}
</div>
</div>
{% if config('core.listing.showReview') %}
<div class="mpa--product-reviews-tab">
<div class="product-detail-tabs">
{% sw_include '@Storefront/storefront/page/product-detail/tabs-reviews.html.twig' %}
</div>
</div>
{% endif %}
<div class="mpa--product-cross-selling">
<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>
</div>
</div>
<div class="col-md-5 col-lg-4 col-xl-3">
<div class="mpa--for-mobile-position-reset"></div>
<div class="mpa--for-mobile">
{% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
{#<div class="mpa--details-sidebar-box mpa--box-default">
<div class="mps--share-btns">
<p>
<a href="#" title="Facebook" class="mpa--btn-facebook">teilen</a>
<a href="#" title="Twitter" class="mpa--btn-tweet">Tweet</a>
<a href="#" title="Mail" class="mpa--btn-mail">Mail</a>
<a href="#" title="Google+" class="mpa--btn-google">teilen</a>
</p>
</div>
</div>#}
</div>
<div class="mpa--details-sidebar-box mpa--box-default {#d-none d-md-block#}">
<div class="mpa--box-heading">{{ "detail.sidebarBoxHeadlin1"|trans|sw_sanitize }}</div>
<ul class="fa-ul">
<li><i class="fa-check"></i>{#Qualität rechnet sich! #}unschlagbarer preis</li>
<li><i class="fa-check"></i>{#Hohe Verfügbarkeit #}kostenloser Rücksendeschein</li>
<li><i class="fa-check"></i>Versandkostenfrei</li>
<li><i class="fa-check"></i>1 Monat Widerrufsrecht</li>
<li><i class="fa-check"></i>im Austausch gegen das org. Altteil</li>
<li><i class="fa-check"></i>100% Passgenauigkeit</li>
</ul>
</div>
{#<div class="mpa--details-sidebar-box mpa--box-default d-none d-md-block">
<div class="mpa--box-heading">{{ "detail.sidebarBoxHeadlin2"|trans|sw_sanitize }}</div>
<ul class="fa-ul">
<li><i class="fa-check"></i><strong>DHL Paket</strong></li>
<li><i class="fa-check"></i><strong>DPD Predict</strong></li>
<li><i class="fa-check"></i><strong>Spedition</strong>. Die entsprechenden Produkte sind mit dem Hinweis "Sperrgut" gekennzeichnet</li>
<li><i class="fa-check"></i>...natürlich inkl. <strong>Sendungsverfolgung</strong>!</li>
</ul>
</div>
<div class="mpa--details-sidebar-box mpa--box-default d-none d-md-block">
<div class="mpa--box-heading">{{ "detail.sidebarBoxHeadlin3"|trans|sw_sanitize }}</div>
<ul class="fa-ul">
<li><i class="fa-check"></i><strong>PAYPAL</strong> (Lastschrift, Kreditkarte, Rechnung)</li>
<li><i class="fa-check"></i><strong>AMAZON PAY</strong> (mit Ihrem Amazon Konto)</li>
<li><i class="fa-check"></i><strong>DHL NACHNAHME</strong> (BAR bei Lieferung)</li>
<li><i class="fa-check"></i><strong>VORKASSE</strong> / Banküberweisung</li>
</ul>
</div>#}
<div class="mpa--details-sidebar-box mpa--box-default {#d-none d-md-block#} box-gradient box-gradient-phone">
<div>
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="phone-office" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="svg-inline--fa fa-phone-office fa-w-18 fa-2x"><path fill="currentColor" d="M128 416h64c17.67 0 32-14.33 32-32V32c0-17.67-14.33-32-32-32h-64c-17.67 0-32 14.33-32 32v352c0 17.67 14.33 32 32 32zM528 32H256v352c0 35.29-28.71 64-64 64h-64c-35.29 0-64-28.71-64-64V32H48C21.49 32 0 53.49 0 80v384c0 26.51 21.49 48 48 48h480c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zM384 432c0 8.84-7.16 16-16 16h-32c-8.84 0-16-7.16-16-16v-32c0-8.84 7.16-16 16-16h32c8.84 0 16 7.16 16 16v32zm0-128c0 8.84-7.16 16-16 16h-32c-8.84 0-16-7.16-16-16v-32c0-8.84 7.16-16 16-16h32c8.84 0 16 7.16 16 16v32zm128 128c0 8.84-7.16 16-16 16h-32c-8.84 0-16-7.16-16-16v-32c0-8.84 7.16-16 16-16h32c8.84 0 16 7.16 16 16v32zm0-128c0 8.84-7.16 16-16 16h-32c-8.84 0-16-7.16-16-16v-32c0-8.84 7.16-16 16-16h32c8.84 0 16 7.16 16 16v32zm0-112H320V96h192v96z"></path></svg>
<h5>Fragen zur<br>Bestellung?</h5>
</div>
<h6>+ 49 (0) 7127 / 953 7227</h6>
<p>Unsere Kundenberater helfen ihnen weiter</p>
</div>
<div class="mpa--details-sidebar-box mpa--box-default {#d-none d-md-block#} box-gradient box-gradient-whatsapp">
<div>
<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="whatsapp" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-whatsapp fa-w-14 fa-2x"><path fill="currentColor" d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"></path></svg>
<h5>Support per<br>WhatsApp</h5>
</div>
<h6><a title="WhatsApp Click to Chat" href="https://wa.me/+4915735998127">+49 (0) 157 / 35998127</a></h6>
<p>Wir sind auch per Whatsapp erreichbar</p>
</div>
</div>
</div>
{% endblock %}