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 %}
    {% if item.media.images %}
      {% set value = query|hyphenize %}
      {% set title = item.title|hyphenize %}
      {% if title|contains(value) == 1  %}

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

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

                <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>
        {% if item.header.url_news %}
          </a>
        {% endif %}

        </section>
      {% endif %}

      {% endif %}
  {% endfor %}

{% else %}

  {% if page.media.images %}
  <section class="search-row">

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

        <div class="card-cat">
          {% include 'partials/blog/cat.html.twig' %}
        </div>

          <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 %}
{% endif %}