{% sw_extends '@Storefront/storefront/component/buy-widget/buy-widget.html.twig' %}
{% block buy_widget %}
<div class="product-detail-buy{% if elementId %}-{{ elementId }}{% endif %} js-magnifier-zoom-image-container">
{% block buy_widget_rich_snippets %}
{{parent()}}
{% endblock %}
{% if not feature('FEATURE_NEXT_16992') %}
{# @deprecated tag:v6.5.0 tag:)(FEATURE_NEXT_16992) - Block will be removed in v6.5.0 #}
{% block buy_widget_not_available %}
{% endblock %}
{% endif %}
{% block buy_widget_buy_container %}
<div itemprop="offers"
itemscope
itemtype="{% if product.calculatedPrices|length > 1 %}http://schema.org/AggregateOffer{% else %}http://schema.org/Offer{% endif %}">
{% block buy_widget_data %}
{% block buy_widget_data_rich_snippet_url %}
{{parent()}}
{% endblock %}
{% block buy_widget_data_rich_snippet_price_range %}
{{parent()}}
{% endblock %}
{% block buy_widget_data_rich_snippet_price_currency %}
{{parent()}}
{% endblock %}
{% if page.product.manufacturer %}
<div class="product-detail-manufacturer">
{{ page.product.manufacturer.translated.name }}
</div>
{% endif %}
{% if page.product.manufacturer and page.product.manufacturer.media %}
<img src="{{ page.product.manufacturer.media|sw_encode_media_url }}"
class="product-detail-manufacturer-logo d-none d-md-block"
alt="{{ page.product.manufacturer.translated.name }}"/>
{% endif %}
<h1 class="product-detail-name"
itemprop="name">
{{ page.product.translated.name }}
</h1>
{% if page.product.customFields.custom_product_information_subdesc %}
<div class="subdesc" itemprop="description">
{{page.product.customFields.custom_product_information_subdesc}}
</div>
{% endif %}
{% if page.product.customFields.custom_product_information_design %}
<div class="design">
{{"detail.DesignTitle"|trans}} {{page.product.customFields.custom_product_information_design}}
</div>
{% endif %}
{% block buy_widget_price %}
<div class="product-detail-price-container">
{% sw_include '@Storefront/storefront/component/buy-widget/buy-widget-price.html.twig' %}
</div>
{% endblock %}
{% block buy_widget_tax %}
<div class="product-detail-tax-container">
{% if context.taxState == "gross" %}
{% set taxText = "general.grossTaxInformation"|trans|sw_sanitize %}
{% else %}
{% set taxText = "general.netTaxInformation"|trans|sw_sanitize %}
{% endif %}
<p class="product-detail-tax">
{% block buy_widget_tax_link %}
<a class="product-detail-tax-link"
href="{{ path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') }) }}"
title="{{ taxText }}"
{{ dataBsToggleAttr }}="modal"
data-url="{{ path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') }) }}">
{{ taxText }}
</a>
{% endblock %}
</p>
</div>
{% endblock %}
{# @deprecated tag:v6.5.0 - Will be removed - The variable will be moved into block `buy_widget_reviews` #}
{% set remoteClickOptions = {
selector: "#review-tab-" ~ product.id,
scrollToElement: true
} %}
{# @deprecated tag:v6.5.0 - Will be removed - The variable will be moved into block `buy_widget_reviews` #}
{% set reviewTabHref = "#review-tab-" ~ product.id ~ "-pane" %}
{% block buy_widget_reviews %}
{% if product.ratingAverage > 0 and totalReviews > 0 and config('core.listing.showReview') %}
{% if remoteClickOptions is not defined %}
{% set remoteClickOptions = {
selector: "#review-tab-" ~ product.id,
scrollToElement: true
} %}
{% endif %}
{% if reviewTabHref is not defined %}
{% set reviewTabHref = "#review-tab-" ~ product.id ~ "-pane" %}
{% endif %}
<div class="product-detail-reviews">
{% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
points: product.ratingAverage,
style: 'text-primary'
} %}
<a {{ dataBsToggleAttr }}="tab"
class="product-detail-reviews-link"
data-offcanvas-tabs="true"
data-remote-click="true"
data-remote-click-options='{{ remoteClickOptions|json_encode }}'
href="{{ reviewTabHref }}"
aria-controls="review-tab-pane">
{{ totalReviews }}
{{ "detail.reviewLinkText"|trans({'%count%': totalReviews})|sw_sanitize }}
</a>
</div>
{% endif %}
{% endblock %}
{% block buy_widget_delivery_informations %}
<div class="product-detail-delivery-information">
{% sw_include '@Storefront/storefront/component/delivery-information.html.twig' %}
</div>
{% endblock %}
{% endblock %}
{% block buy_widget_configurator_include %}
{{parent()}}
{% endblock %}
{% block buy_widget_buy_form %}
{{parent()}}
{% endblock %}
</div>
{% endblock %}
{% block buy_widget_ordernumber_container %}{% endblock %}
{% sw_include '@Storefront/storefront/component/buy-widget/accordion.html.twig' %}
</div>
{% endblock %}