{% set complementaryName = product.getComplementaryName is defined ? product.complementaryName : null %}

<div class="title-wrapper">
    <h1 id="sylius-product-name" class="h1" {{ sylius_test_html_attribute('product-name', product.name) }}>{{ product.name }}</h1>
    <h2 class="product-ref">
        {% if complementaryName is not null %}
            <span class="product-complementary-name">{{ complementaryName }}</span> -
        {% endif %}
        {{ 'app.ui.product.sku'|trans }} {{ product.code }}
    </h2>
</div>
