Shorts

{% capture hide_unavailable %}false{% endcapture %} {% if loader.activeProducts.size == 0 and loader.firstRender == false and loader.isLoading == false %}

No products match your selection

{% endif %} {% assign displayIndex = 0 %} {% for product in loader.activeProducts %} {% assign title_downcase = product.title | downcase %} {% if title_downcase contains "dummy" %}
{% if product.dummy_link %} {% assign itemWrapper = "a" %} {% else %} {% assign itemWrapper = "div" %} {% endif %} <{{itemWrapper}} {% if product.dummy_link %}href="{{ product.dummy_link}}"{% endif %} class="product-card__link"> {% if product.dummy_video %} {% elsif product.dummy_image %} {% endif %}
{% if product.dummy_text %}

{{ product.dummy_text }}

{% endif %}
{% endif %} {% if hide_unavailable == "true" and product.available == false %} {% continue %} {% endif %}
{% assign currentColor = "" %} {% for variant in product.variants %} {% if forloop.first == true %} {% assign is_it_first_loop = "true" %} {% else %} {% assign is_it_first_loop = "false" %} {% endif %} {% if currentColor contains variant.option1 %} {% else %}
{% comment %} First image {% endcomment %} {% if variant.image %} {% assign image = variant.image.src %} {% if image contains ".png" %} {% assign image_small = image | replace: ".png", "_180x.png" %} {% if product.type != blank %}{{ product.type }} {% endif %}{{ product.title }} {{ variant.option1 }} {% else %} {% assign image_small = image | replace: ".jpg", "_180x.jpg" %} {% if product.type != blank %}{{ product.type }} {% endif %}{{ product.title }} {{ variant.option1 }} {% endif %} {% else %} {% assign image = product.featured_image %} {% if image contains ".png" %} {% assign image_small = image | replace: ".png", "_180x.png" %} {% comment %} NOTE 'img' has different params, than top example {% endcomment %} {% if product.type != blank %}{{ product.type }} {% endif %}{{ product.title }} {{ variant.option1 }} {% else %} {% assign image_small = image | replace: ".jpg", "_180x.jpg" %} {% comment %} NOTE 'img' has different params, than top example {% endcomment %} {% if product.type != blank %}{{ product.type }} {% endif %}{{ product.title }} {{ variant.option1 }} {% endif %} {% endif %} {% comment %} Other images {% endcomment %} {% for image_for_variant in product.product_images_and_alts %} {% if image_for_variant.src != image and image_for_variant.alt == variant.option1 %} {% if image_for_variant.src contains ".png" %} {% if product.type != blank %}{{ product.type }} {% endif %}{{ product.title }} {{ variant.option1 }} {% else %} {% if product.type != blank %}{{ product.type }} {% endif %}{{ product.title }} {{ variant.option1 }} {% endif %} {% endif %} {% endfor %}
{% endif %} {% assign currentColor = variant.option1 %} {% endfor %}
{% if product.badges %}
{{ product.badges }}
{% endif %}

{{ product.title }}

{{ product.price | money }}

{% assign currentColor = "" %} {% assign colorCount = 0 %} {% for variant in product.variants %} {% unless currentColor contains variant.option1 %} {% assign colorHandle = variant.option1 | downcase | replace: " ", "-" | prepend: 'hide-' %} {% unless product.tags contains colorHandle %} {% assign colorCount = colorCount | plus: 1 %} {% endunless %} {% endunless %} {% if colorCount == 4 %} + {% break %} {% endif %} {% assign currentColor = variant.option1 %} {% endfor %}
{% assign displayIndex = displayIndex | plus: 1 %} {% endfor %}
{% unless total_pages == 1 or total_pages == 0 %}
    {% assign active = 'active' %} {% if current_page == 1 %} {% assign active = 'o-50 pointer-none' %} {% endif %}
  • ←
    • {% for i in pages %} {% assign pageoffset = current_page | minus: i | abs %} {% assign active = '' %} {% if current_page == i %} {% assign active = 'brand' %} {% endif %}
  • {{i}}
    • {% assign last_page_shown = i %} {% endfor %} {% assign active = 'dim' %} {% if current_page == total_pages %} {% assign active = 'o-50 pointer-none' %} {% endif %} {% if last_page_shown != total_pages %} {% endif %}
  • →
{% endunless %}