{# @var product \Shopware\Core\Content\Product\SalesChannel\SalesChannelProductEntity #}{% block layout_search_suggest %} <div class="search-suggest js-search-result"> {% block layout_search_suggest_container %} <ul class="search-suggest-container"> {% block layout_search_suggest_results %} {% for product in page.searchResult %} {% block layout_search_suggest_result_product %} <li class="search-suggest-product js-result"> {% block layout_search_suggest_result_link %} <a href="{{ seoUrl('frontend.detail.page', {'productId': product.id}) }}" title="{{ product.translated.name }}" class="search-suggest-product-link"> <div class="row align-items-center {{ gridNoGuttersClass }}"> {% block layout_search_suggest_result_image %} <div class="col-auto search-suggest-product-image-container"> {% if product.cover.media.url %} {% sw_thumbnails 'search-suggest-product-image-thumbnails' with { media: product.cover.media, sizes: { 'default': '100px' }, attributes: { 'class': 'search-suggest-product-image', 'alt': (product.cover.media.translated.alt ?: ''), 'title': (product.cover.media.translated.title ?: '') } } %} {% else %} {% sw_icon 'placeholder' style { 'size': 'lg' } %} {% endif %} </div> {% endblock %} {% block layout_search_suggest_result_name %} <div class="col search-suggest-product-name"> {{ product.translated.name }} </div> {% endblock %} {% block layout_search_suggest_result_price %} <div class="col-auto search-suggest-product-price"> {% set price = product.calculatedPrice %} {% if product.calculatedPrices.count > 0 %} {% set price = product.calculatedPrices.last %} {% endif %} {% if product.variantListingConfig.displayParent and product.parentId === null %} {% set displayFromVariants = price.unitPrice !== product.calculatedCheapestPrice.unitPrice %} {% set price = product.calculatedCheapestPrice %} {% endif %} {% set referencePrice = price.referencePrice %} {% if product.calculatedPrices.count > 1 or displayFromVariants %} {{ "listing.listingTextFrom"|trans|sw_sanitize }} {% endif %} <span class="search-suggest-product-price"> {{ price.unitPrice|currency }}{{ "general.star"|trans|sw_sanitize }} </span> {% if price.referencePrice is not null %} <br><small class="search-suggest-product-reference-price">({{ price.referencePrice.price|currency }}{{ "general.star"|trans|sw_sanitize }} / {{ price.referencePrice.referenceUnit }} {{ price.referencePrice.unitName }})</small> {% endif %} {% if price.regulationPrice.price is not null %} <small class="search-suggest-product-list-price">{{ "general.listPricePreviously"|trans({'%price%': price.regulationPrice.price|currency }) }}{{ "general.star"|trans|sw_sanitize }}</small> {% endif %} </div> {% endblock %} </div> </a> {% endblock %} </li> {% endblock %} {% endfor %} {% endblock %} {% block layout_search_suggest_result_total %} {% if page.searchResult.total == 0 %} {% block layout_search_suggest_no_result %} <li class="search-suggest-no-result"> {{ "header.searchNoResult"|trans|sw_sanitize }} </li> {% endblock %} {% else %} {% block layout_search_suggest_result_total_result %} <li class="js-result search-suggest-total"> <div class="row align-items-center {{ gridNoGuttersClass }}"> {% block layout_search_suggest_result_total_link %} <div class="col"> <a href="{{ path('frontend.search.page') }}?search={{ page.searchTerm }}" title="{{ "header.searchAllResults"|trans|striptags }}" class="search-suggest-total-link"> {% sw_icon 'arrow-head-right' style { 'size': 'sm' } %} {{ "header.searchAllResults"|trans|sw_sanitize }} </a> </div> {% endblock %} {% block layout_search_suggest_result_total_count %} <div class="col-auto search-suggest-total-count"> {{ "header.searchResults"|trans({ '%count%': page.searchResult.total, })|sw_sanitize }} </div> {% endblock %} </div> </li> {% endblock %} {% endif %} {% endblock %} </ul> {% endblock %} </div>{% endblock %}