custom/plugins/IceFlavor/src/Resources/views/storefront/page/product-detail/headline.html.twig line 1

{% sw_extends '@Storefront/storefront/page/product-detail/headline.html.twig' %}

{% block page_product_detail_headline_inner %}
    <div class="row">
        <div class="col">
            <h2 class="product-detail-category">
                {{ page.product.seoCategory.name }}
            </h2>
        </div>

    </div>
    <div class="row">
        {% block page_product_detail_name_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>

        {% endblock %}

        {% block page_product_detail_manufacturer %}

        {% endblock %}
    </div>
    <div class="row">

    </div>


    <div class="row">

        <div class="col product-detail-name-container">


                <span class="product-detail-description-text"
                      itemprop="name">
                    {{ page.product.translated.description }}
                </span>


        </div>
    </div>
    <div class="row">
        <div class="col product-allergenes">

            <b>Allergene:</b>
                {% for property in page.product.properties|filter(property => property.group.name == "Allergene")|sort((a,b) => a.name <=> b.name) %}
                    {{ property.name }}{% if not loop.last  %},{% endif %}
                {% endfor %}
        </div>
    </div>
    <div class="row">
        <div class="col product-intolerances">

            {% for property in page.product.properties|filter(property => property.group.name == "Unverträglichkeiten")|sort %}
                <img class="intolerances-icon" src="{{ property.media.url }}" title="{{ property.name }}" alt="{{ property.name }}"/>


            {% endfor %}
        </div>
    </div>
{% endblock %}