{% sw_extends '@Storefront/storefront/page/product-detail/headline.html.twig' %}
{% block page_product_detail_name_container %}
<div class="d-flex flex-column flex-grow-1 mt-2 mb-2 product-detail-headline-container">
<div class="col product-detail-name-container">
{% block page_product_detail_name %}
<h1 class="product-detail-name"
itemprop="name">
{{ page.product.translated.name }}
</h1>
{% endblock %}
</div>
{% if page.product.ratingAverage > 0 and page.reviews.totalReviews > 0 and config('core.listing.showReview') %}
<div class="col-md-12 product-detail-reviews">
<a data-toggle="tab"
class="product-detail-reviews-link no-unterline-hover"
data-offcanvas-tabs="true"
data-remote-click="true"
data-remote-click-options='{{ remoteClickOptions|json_encode }}'
href="#review-tab-pane"
aria-controls="review-tab-pane">
<span title="{{ 'general.reviewHint'|trans|raw }}">
{% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
points: page.product.ratingAverage,
style: 'text-primary'
} %}
</span>
({{ page.reviews.totalReviews }})
</a>
</div>
{% endif %}
</div>
{% endblock %}
{% block page_product_detail_manufacturer_link %}
<a href="{{ page.product.manufacturer.link }}"
class="product-detail-manufacturer-link"
rel="noreferrer noopener"
title="{{ page.product.manufacturer.translated.name }}">
{% if page.product.manufacturer.media %}
{% block page_product_detail_manufacturer_logo %}
{{ parent() }}
{% endblock %}
{% else %}
{% block page_product_detail_manufacturer_text %}
{{ parent() }}
{% endblock %}
{% endif %}
</a>
{% endblock %}