{%- if predictive_search.performed and predictive_search.resources.products.size > 0 -%}
    {%- for product in predictive_search.resources.products -%}
        <a class="search-popup-result" href="{{ product.url }}">
            
            {% render 'image', image: product.featured_image %}
    
            <div class="search-popup-result-data">
                <h2 class="h4">{{ product.title }}</h2>
                {% render 'price', product: product, use_variant: true, show_compare_price: true %}
            </div>
            
        </a>
    {%- endfor -%}
{%- endif -%}