Pursuit/sections/predictive-search.liquid

<section class="search-ajax" data-section-id="{{ section.id }}">
  
 {%- if predictive_search.performed -%}
   
  {%- assign clean_terms = predictive_search.terms | split: ' AND ' | last | remove_first: '*' -%}
  {% assign searchTerms = predictive_search.terms | split: "AND" | first  | remove: "*" %}

{%- assign total_count = 0 -%}

    {%- if predictive_search.resources.queries.size > 0 -%}
      {%- assign total_count = total_count | plus: predictive_search.resources.queries.size -%}
      <div class='search_popular_searches_menu suggestions_menu'>
                       
                        <div class="predictive-search-title">
                          <h3  class="predictive-search-title__content">{{ 'general.search.search_title' | t }}</h3>
                        </div>
                        <div class='search_popular_menu  '>
                           {%- for suggestion in predictive_search.resources.queries -%}
                          <a tabindex="0" href='{{ suggestion.url }}'> {{  suggestion.styled_text  }} </a>
                          {% endfor %}
                        </div>
                      </div>
         {%- endif -%}
   
   
{%- if predictive_search.resources.products.size > 0 -%}
{%- assign total_count = total_count | plus: predictive_search.resources.queries.size -%}


  <div class="predictive-search-title">
  <h3  class="predictive-search-title__content">{{ 'general.search.search_products' | t }}</h3>
  </div>
  <ul class="search-bar__result-products predictive-search__list">
  
  {% assign product_search_limit = 0 %}
  {%- for product in predictive_search.resources.products -%}
  
  <li class="predictive-search-item">
    <a class="predictive-search-item__link" 
       href="{{ product.url }}" tabindex="0"
       >
      <div class="predictive-search__column predictive-search__column--image">
        {% assign default_alt = item.title  %}
        <img class="predictive-search-item__image" 
             src="{{ product.featured_media | img_url:'300x' }}" 
             alt="{{ product.featured_media.alt | split: "#" | first  | default: default_alt }}"> 
      </div>
      <div class="predictive-search__column predictive-search__column--content predictive-search__column--center">
        <span class="predictive-search-item__title">
          <span class="predictive-search-item__title-text">{{ product.title }}</span>
        </span>
        
        <div class="yagi-container" style="display: flex; gap: 0.5em;">
        {% liquid
          comment
            start Yagi app code
          endcomment
          assign product_price = product.price
          assign product_compare_at_price = product.compare_at_price

          assign product_price = product.metafields.app--168074346497.min_auto_discounted_price.value | default: product.price
  
          if product_price < product.price and product_compare_at_price == 0 or product_compare_at_price == blank
            assign product_compare_at_price = product.price
          endif

          comment
            end Yagi app code
          endcomment
        %}
        <span class="predictive-search-item__price">
          

          {% unless product.price_max == 0 and settings.custom_price0_text != blank %}
          {% if settings.currency_code_enable %}
          {{ product_price | money_with_currency }}
          {% else %}
          {{ product_price | money }}
          {% endif %}              
  
  
          {% else %}
          {{settings.custom_price0_text }}
          {% endunless %}
        </span>
        {% if product_compare_at_price > 0 %}
        <span class="predictive-search-item__price" style="opacity: 0.6;">
          <s>{{ product_compare_at_price | money }} </s>
        </span>
        {% endif %}
        </div>
      </div>
    </a>
  </li>
  
  {% assign product_search_limit = product_search_limit | plus: 1 %}
  {% if product_search_limit == 3 %}
  {% break %}
  {% endif %}
  
  {%- endfor -%}
  </ul>
{%- endif -%}


     {%- if predictive_search.resources.collections.size > 0 -%}
      {%- assign total_count = total_count | plus: predictive_search.resources.collections.size -%}

     
      <div class="predictive-search-title">
      <h3  class="predictive-search-title__content">{{ 'general.search.search_collections' | t }}</h3>
      </div>

      <ul class="search-bar__result-linklist predictive-search__list">
  {% assign product_search_limit = 0 %}
  {%- for collection in predictive_search.resources.collections -%}
  
  <li class='predictive-search-item__link'>
    <a href="{{ collection.url }}" tabindex="0" class="search-bar__result-link">{{ collection.title }}</a>
  </li>
  {% assign product_search_limit = product_search_limit | plus: 1 %}
  {% if product_search_limit == 3 %}
  {% break %}
  {% endif %}
  
  {%- endfor -%}
  </ul>
       
    {%- endif -%}
   
{%- if predictive_search.resources.pages.size > 0 -%}
  {%- assign total_count = total_count | plus: predictive_search.resources.pages.size -%}


  <div class="predictive-search-title">
  <h3  class="predictive-search-title__content">{{ 'general.search.search_pages' | t }}</h3>
  </div>
  <ul class="search-bar__result-linklist predictive-search__list">
  {% assign product_search_limit = 0 %}
  {%- for page in predictive_search.resources.pages -%}
  
  <li class='predictive-search-item__link'>
    <a href="{{ page.url }}" tabindex="0" class="search-bar__result-link">{{ page.title }}</a>
  </li>
  {% assign product_search_limit = product_search_limit | plus: 1 %}
  {% if product_search_limit == 3 %}
  {% break %}
  {% endif %}
  
  {%- endfor -%}
  </ul>

  {%  endif %}
   
{%- if predictive_search.resources.articles.size > 0 -%}
    {%- assign total_count = total_count | plus: predictive_search.resources.articles.size -%}

    <div class="predictive-search-title">
    <h3  class="predictive-search-title__content">{{ 'general.search.search_articles' | t }}</h3>
    </div>
    <ul class="search-bar__result-linklist predictive-search__list">
    {% assign product_search_limit = 0 %}
    {%- for article in predictive_search.resources.articles -%}
    
    <li class='predictive-search-item__link'>
      <a href="{{ article.url }}" tabindex="0" class="search-bar__result-link">{{ article.title }}</a>
    </li>
    {% assign product_search_limit = product_search_limit | plus: 1 %}
    {% if product_search_limit == 3 %}
    {% break %}
    {% endif %}
    {%- endfor -%}
    </ul>

{%- endif -%}


{%- if  total_count > 3 -%}
<div class='search-bar__view-all-button-wrapper'> 
<a class="search-bar__view-all " href="{{ routes.search_url }}?q={{ predictive_search.terms }}&type={{ predictive_search.types | join: ',' }}">
  <span> {{- 'general.search.view_results' | t -}}</span>
</a>
</div>
{%- endif -%}


 {%- elsif search.performed -%}


{%- assign clean_terms = search.terms | split: ' AND ' | last | remove_first: '*' -%}
{% assign searchTerms = search.terms | split: "AND" | first  | remove: "*" %}


{%- if search.results_count > 0 -%}

{% assign foundProduct = false %}
{% assign foundPage = false %}
{% assign foundArticle = false %}

{% for item in search.results  %}
{% if item.object_type == 'product' %}
{% assign foundProduct = true %}
{% elsif item.object_type == 'page' %}
{% assign foundPage = true %}
{% elsif  item.object_type == 'article' %}
{% assign foundArticle = true %}
{% endif %}
{% endfor %}

  {%- if foundProduct  -%}
  <div class="predictive-search-title">
    <h3  class="predictive-search-title__content">{{ 'general.search.search_products' | t }}</h3>
  </div>
  <ul class="search-bar__result-products predictive-search__list">

    {% assign product_search_limit = 0 %}
    {%- for item in search.results  -%}
    {% if item.object_type == 'product' %}
    <li class="predictive-search-item">
      <a class="predictive-search-item__link" 
         href="{{ item.url }}" tabindex="0"
         >
        <div class="predictive-search__column predictive-search__column--image">
          {% assign default_alt = item.title  %}
          <img class="predictive-search-item__image" 
               src="{{ item.featured_media | img_url:'300x' }}" 
               alt="{{ item.featured_media.alt | split: "#" | first  | default: default_alt }}"> 
        </div>
        <div class="predictive-search__column predictive-search__column--content predictive-search__column--center">
          <span class="predictive-search-item__title">
            <span class="predictive-search-item__title-text">{{ item.title }}</span>
          </span>
          <span class="predictive-search-item__price">
            {% unless item.price_max == 0 and settings.custom_price0_text != blank %}
            {% if settings.currency_code_enable %}
            {{ item.price | money_with_currency }}
            {% else %}
            {{ item.price | money }}
            {% endif %}              


            {% else %}
            {{settings.custom_price0_text }}
            {% endunless %}
          </span>
        </div>
      </a>
    </li>
    {% assign product_search_limit = product_search_limit | plus: 1 %}
    {% if product_search_limit == 3 %}
    {% break %}
    {% endif %}
    {% endif %}
    {%- endfor -%}
  </ul>
  {%- else -%}

  {%- if foundPage -%}
  <div class="predictive-search-title">
    <h3  class="predictive-search-title__content">{{ 'general.search.search_pages' | t }}</h3>
  </div>
  <ul class="search-bar__result-linklist predictive-search__list">
    {% assign product_search_limit = 0 %}
    {%- for item in search.results  -%}

    {% if item.object_type == 'page' %}
    <li class='predictive-search-item__link'>
      <a href="{{ item.url }}" tabindex="0" class="search-bar__result-link">{{ item.title }}</a>
    </li>
    {% assign product_search_limit = product_search_limit | plus: 1 %}
    {% if product_search_limit == 3 %}
    {% break %}
    {% endif %}
    {% endif %}
    {%- endfor -%}
  </ul>
  {% elsif foundArticle  %}
  <div class="predictive-search-title">
    <h3  class="predictive-search-title__content">{{ 'general.search.search_articles' | t }}</h3>
  </div>
  <ul class="search-bar__result-linklist predictive-search__list">
    {% assign product_search_limit = 0 %}
    {%- for item in search.results  -%}
    {% if item.object_type == 'article' %}
    <li class='predictive-search-item__link'>
      <a href="{{ item.url }}" tabindex="0" class="search-bar__result-link">{{ item.title }}</a>
    </li>
    {% assign product_search_limit = product_search_limit | plus: 1 %}
    {% if product_search_limit == 3 %}
    {% break %}
    {% endif %}
    {% endif %}
    {%- endfor -%}
  </ul>
  {% endif %}

  {%- endif -%}

  {% if search.types contains 'product' %}
  {%- if search.results_count > 3 -%}
  <div class='search-bar__view-all-button-wrapper'> 
    <a class="search-bar__view-all " href="{{ routes.search_url }}?q={{ search.terms }}&type={{ search.types | join: ',' }}">
      {%- if settings.search_mode == 'product' -%}
      <span> {{- 'general.search.view_products' | t -}}</span>
      {%- else -%}
      <span> {{- 'general.search.view_results' | t -}}</span>
      {%- endif -%}

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

{%- endif -%}
{%- endif -%}

</section>

{% schema %}
  {
  "name": "Search ajax"
  }
{% endschema %}