{% comment %} Wishlist button — OUTSIDE the on purpose, so clicking it
never triggers navigation to the product page {% endcomment %}
{% if product.metafields.custom.image_label != blank %}
{{ product.metafields.custom.image_label | image_url: width: 55 | image_tag }}
{% endif %}
{% if product.featured_image != blank %}
{% else %}
{{ 'image' | placeholder_svg_tag }}
{% endif %}
{% if product.media.size > 1 %}
{% for media in product.media %}
{% if forloop.index == 2 %}
{% endif %}
{% endfor %}
{% endif %}
{% comment %} badges by collection {% endcomment %}
{% for item in product.collections %}
{% if item.metafields.custom.collection_thumbnail_badges != blank %}
{% assign badges_bottom = item.metafields.custom.collection_thumbnail_badges.value %}
{% for badge_one in badges_bottom %}
{{ badge_one.badge_name }}
{% endfor %}
{% endif %}
{% endfor %}
{%- if product.available == false -%}
{{- 'products.product.sold_out' | t -}}
{%- elsif product.compare_at_price > product.price and product.available -%}
{{- 'products.product.on_sale' | t -}}
{%- endif -%}
{% if product.metafields.custom.product_badge != blank %}
{% assign product_badge = product.metafields.custom.product_badge.value %}
{% assign background_opacity = product_badge.background_opacity.value | default: 100 | divided_by: 100.0 %}
{{ product_badge.badge_name }}
{% endif %}
{%- capture label_badge_html -%}
{% for item in product.collections %}
{% if item.metafields.custom.collection_badges != blank %}
{% for badge_one in item.metafields.custom.collection_badges.value %}
{% assign background_opacity = badge_one.background_opacity.value | default: 100 | divided_by: 100.0 %}
{{ badge_one.badge_name }}
{% endfor %}
{% endif %}
{% endfor %}
{%- endcapture -%}
{%- if label_badge_html != blank -%}
{{ label_badge_html }}
{%- endif -%}
{{ product.vendor }}
{{ product.title | truncate: 70, "…" }}
{%- liquid
assign swatch_trigger = 'products.general.color_swatch_trigger' | t | downcase
assign swatch_file_extension = 'png'
assign color_count = 0
assign max_colors_show = 4
assign more_than_max = false
-%}
{%- for option in product.options_with_values -%}
{%- liquid
assign option_name = option.name | downcase
assign is_color = false
if option_name contains swatch_trigger
assign is_color = true
elsif swatch_trigger == 'color' and option_name contains 'colour'
assign is_color = true
endif
-%}
{%- if is_color -%}
{%- assign option_index = forloop.index0 -%}
{%- assign values = '' -%}
{%- for variant in product.variants -%}
{%- assign value = variant.options[option_index] %}
{%- unless values contains value -%}
{%- liquid
assign values = values | join: ',' | append: ',' | append: value | split: ','
assign color_file_name = value | handle | append: '.' | append: swatch_file_extension
assign color_image = color_file_name | file_img_url: '50x50' | prepend: 'https:' | split: '?' | first
assign color_swatch_fallback = value | split: ' ' | last | handle
assign color_count = color_count | plus: 1
-%}
{%- if color_count <= max_colors_show -%}
{{ value }}
{%- else -%}
{%- assign more_than_max = true -%}
{%- endif -%}
{%- endunless -%}
{%- endfor -%}
{%- if more_than_max -%}
{%- assign more_colors = color_count | minus: max_colors_show -%}
+{{ more_colors }}
{%- endif -%}
{%- endif -%}
{%- endfor -%}
{{ product.price | money }}
{% if product.compare_at_price != blank and product.compare_at_price > 0 %}{{ product.compare_at_price | money }}
{% endif %}