custom/plugins/HBCTheme/src/Resources/views/storefront/layout/header/search-suggest.html.twig line 36

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/header/search-suggest.html.twig' %}
  3. {% block layout_search_suggest_result_link %}
  4.     <a href="{{ seoUrl('frontend.detail.page', {'productId': product.id}) }}"
  5.        title="{{ product.translated.name }}"
  6.        class="search-suggest-product-link">
  7.         <div class="row align-items-center {{ gridNoGuttersClass }}">
  8.             {% block layout_search_suggest_result_image %}
  9.                 <div class="col-auto search-suggest-product-image-container">
  10.                     {% if product.cover.media.url %}
  11.                         {% sw_thumbnails 'search-suggest-product-image-thumbnails' with {
  12.                             media: product.cover.media,
  13.                             sizes: {
  14.                                 'default': '100px'
  15.                             },
  16.                             attributes: {
  17.                                 'class': 'search-suggest-product-image',
  18.                                 'alt': (product.cover.media.translated.alt ?: ''),
  19.                                 'title': (product.cover.media.translated.title ?: '')
  20.                             }
  21.                         } %}
  22.                     {% else %}
  23.                         {% sw_icon 'placeholder' style {
  24.                             'size': 'lg'
  25.                         } %}
  26.                     {% endif %}
  27.                 </div>
  28.             {% endblock %}
  30.             {% block layout_search_suggest_result_name %}
  31.                 <div class="col search-suggest-product-name">
  32.                     {{ product.translated.name }}
  33.                 </div>
  34.             {% endblock %}
  36.             {% block layout_search_suggest_result_price %}
  37.                 <div class="col-auto search-suggest-product-price">
  38.                     {% set price = product.calculatedPrice %}
  39.                     {% if product.calculatedPrices.count > 0 %}
  40.                         {% set price = product.calculatedPrices.last %}
  41.                     {% endif %}
  43.                     {% set referencePrice = price.referencePrice %}
  45.                     {% if product.calculatedPrices.count > 1 %}
  46.                         {{ "listing.listingTextFrom"|trans|sw_sanitize }}
  47.                     {% endif %}
  48.                     <span class="search-suggest-product-price">
  49.                                                         {{ price.unitPrice|currency }}{{ "general.star"|trans|sw_sanitize }}
  50.                                                     </span>
  52.                     {% if price.referencePrice is not null %}
  53.                         <br><small class="search-suggest-product-reference-price">({{ price.referencePrice.price|currency }}{{ "general.star"|trans|sw_sanitize }} / {{ price.referencePrice.referenceUnit }}&nbsp;{{ price.referencePrice.unitName }})</small>
  54.                     {% endif %}
  56.                     {% if price.regulationPrice.price is not null %}
  57.                         <small class="search-suggest-product-list-price">{{ "general.listPricePreviously"|trans({'%price%': price.regulationPrice.price|currency }) }}{{ "general.star"|trans|sw_sanitize }}</small>
  58.                     {% endif %}
  59.                 </div>
  60.             {% endblock %}
  61.         </div>
  62.         <div class="row align-items-center" style="margin-left: 20px">
  63.             {% for option in product.properties %}
  64.             <div>
  65.                 {{ option.name }}{% if not loop.last %} | &nbsp;{% endif %}
  66.             </div>
  67.             {% endfor %}
  69.         </div>
  70.     </a>
  71. {% endblock %}