vocurations/user/themes/vocurations/templates/partials/simplesearch_item.html.twig

{% set modularCollection = page.collection %}
{% set pageCollection = search_results %}
{% if page.template == 'modular' %}

  {% for item in page.collection %}

      {% set value = query|hyphenize %}
      {% set title = item.title|hyphenize %}

      {% if title|contains(value) == 1  %}
        <section class="search-row">
          <a href="{{ item.header.url_news }}" target="_blank">
            {% set banner = item.media.images|first %}
            <div class="search-item">

                <div class="search-title">
                  {% include 'partials/blog/title.html.twig' with {title_level: 'h2', page: item} %}
                </div>

                <div class="search-details">
                  {% include 'partials/blog/date.html.twig' with {page: item} %}
                </div>

                {% if banner %}

                  <div class="search-image">
                    {{banner.cropZoom(800, 500).sizes('(max-width:100vw) 100vw, 50vw').html(item.title, 'image article')}}
                  </div>

                {% endif %}

            </div>
          </a>
        </section>
      {% endif %}

  {% endfor %}

{% else %}

  <section class="search-row">

    <a href="{{page.url}}">
      {% set banner = page.media.images|first %}
      <div class="search-item">

          <div class="search-title">
            {% include 'partials/blog/title.html.twig' with {title_level: 'h2'} %}
          </div>

          <div class="search-details">
            {% include 'partials/blog/date.html.twig' %}
          </div>

          {% if banner %}
            <div class="search-image">
              {{banner.cropZoom(800, 500).sizes('(max-width:100vw) 100vw, 50vw').html(page.title, 'image article')}}
            </div>
          {% endif %}

      </div>
    </a>

  </section>

{% endif %}