{% sw_extends '@Storefront/storefront/page/product-detail/index.html.twig' %}
{% block page_product_detail_inner %}
{% set listPrice = page.product.price.elements.b7d2554b0ce847cd82f3ac9bd1c0dfca.percentage.gross > 0 %}
{% block page_product_detail_content %}
<div class="product-detail-content">
{% block page_product_detail_headline %}
{% 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 listPrice and not hasRange %}
<div class="product-badges-detail badge badge-discount">
<span>-{{ page.product.price.elements.b7d2554b0ce847cd82f3ac9bd1c0dfca.percentage.gross|round(0, 'ceil')|replace({'.':','}) }}%</span>
</div>
{% endif %}
{% 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': '700px',
'navigationArrows': 'inside',
'galleryPosition': 'underneath',
'isProduct': true,
'fallbackImageTitle': page.product.translated.name,
'startIndexThumbnails': page.product.cover.position + 1,
'startIndexSlider': page.product.cover.position + 1,
'keepAspectRatioOnZoom': false
} %}
{% endif %}
{% if config('core.cart.wishlistEnabled') %}
{% block component_product_box_wishlist_action %}
<div class="wishlist-mobile">
{% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
appearance: 'circle',
productId: page.product.id
} %}
</div>
{% endblock %}
{% endif %}
</div>
{% endblock %}
{% block page_product_detail_buy %}
<div class="col-lg-5 product-detail-buy">
<div class="row align-items-center product-detail-headline">
{% sw_include '@Storefront/storefront/page/product-detail/headline.html.twig' %}
</div>
{% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
<div class="usp-block">
<div class="row">
<div class="col-lg-6">
<i class="fa-light fa-percent" aria-hidden="true"></i> 2% Rabatt bei Vorkasse
</div>
<div class="col-lg-6">
<i class="fas fa-file-alt" aria-hidden="true"></i> Kauf auf Rechnung
</div>
</div>
<div class="row">
<div class="col-lg-6">
<i class="fa-light fa-arrow-rotate-left" aria-hidden="true"></i> 100 Tage Rückgaberecht
</div>
<div class="col-lg-6">
<i class="fa-light fa-check" aria-hidden="true"></i> Kostenloser Versand*
</div>
</div>
</div>
{% 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">
{% set zubehoer = false %}
{% for item in page.crossSellings.elements %}
{% if item.crossSelling.translated.name == 'Zubehör' %}
{% set zubehoer = true %}
{% sw_include '@Storefront/storefront/page/product-detail/cross-selling/zubehoer-tabs.html.twig' with {
crossSellings: page.crossSellings
} %}
{%else%}
{% endif %}
{% endfor %}
</div>
{% endif %}
{% if zubehoer == false %}
<div class="contact-block">
<p>
<strong>Sie wünschen eine Beratung?</strong>
</p>
<p class="subline-contact_block">
Unsere Experten stehen Ihnen gerne persönlich zur Verfügung.
</p>
<p>
<span class="phone-contact-block"><i class="fa-solid fa-phone"></i> <a href="tel:00498954031986">089 / 54 03 19 86</a> </span><br>
<span class="envelope-contact-block"><i class="fa-solid fa-envelope"></i> <a href="mailto:info@lichtkarree.de">info@lichtkarree.de</a> </span>
</p>
</div>
{% endif %}
</div>
{% endblock %}
</div>
{% endblock %}
</div>
{% endblock %}
{% 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 ahenliche-produkte-cross-selling">
{% sw_include '@Storefront/storefront/page/product-detail/cross-selling/tabs.html.twig' with {
crossSellings: page.crossSellings
} %}
</div>
{% endif %}
{% endblock %}
{% endblock %}