{% layout none %}

{%- assign s = product.images | size -%}
{%- assign image_alt = product.title | escape -%}

<a href="{{ product.url }}" title="{{ product.title | escape }}" class="image-link block">
  <div class="primary">
    {%- assign image = product.featured_image -%}
    {%- if image == blank -%}
      {%- assign image = settings.desktop_placeholder -%}
    {%- endif -%}
    {%- render 'global-image-wrapper', image: image, additional_class: 'no-bg', preload: true, image_alt: image_alt -%}
  </div>
  {%- if s > 1 and settings.product_card_image_hover -%}
    {%- assign l = product.images[1] -%}
    <div class="secondary">
      {%- render 'global-image-wrapper', image: l, additional_class: 'no-bg', preload: true, image_alt: image_alt -%}
    </div>
  {%- endif -%}
</a>