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

{% 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="{{page.url}}">
          {% 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 %}