{% sw_extends '@Storefront/storefront/page/product-detail/headline.html.twig' %}
{% block page_product_detail_name_container %}
<div class="product-detail-name-container" itemprop="name">
{% block page_product_detail_name %}
{% set names = page.product.translated.name|split('-') %}
<h1 class="product-detail-name">
{% for name in names %}
{% if loop.first %}
{% set nameItems = name|trim|split(' ') %}
{% for nameItem in nameItems %}
{% if loop.first %}
<span>{{ nameItem }}</span>
{% else %}
{{ nameItem }}
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
</h1>
{% if names|length > 1 %}
<h2 class="product-detail-subname">
{% for name in names %}
{% if not loop.first %}
// {{ name|trim }}
{% endif %}
{% endfor %}
</h2>
{% endif %}
{% endblock %}
</div>
{% endblock %}
{% block page_product_detail_manufacturer %}{% endblock %}