{%- assign swatch_options = '' | downcase | split: "~~" | uniq -%} {%- assign image_options = 'Colour~~Color' | downcase | split: "~~" | uniq -%} {%- assign text_options = '' | downcase | split: "~~" | uniq -%} {%- assign image_size = '480x700' -%} {%- comment -%} Optimized for 232x348 display @ 2x retina (saves ~4MB vs full resolution) {%- endcomment -%} {%- assign no_image = 'https://cdn.shopify.com/s/images/themes/product-1.png' -%} {%- assign featured_image = product.featured_image -%} {%- assign product_price = product.price -%} {%- assign product_compare_at_price = product.compare_at_price -%} {%- comment -%} Find first available (in-stock) variant instead of just first available {%- endcomment -%} {%- assign selected_or_first_available_variant = null -%} {%- for variant in product.variants -%} {%- if variant.available -%} {%- assign selected_or_first_available_variant = variant -%} {%- break -%} {%- endif -%} {%- endfor -%} {%- comment -%} Fallback to product's first available variant if no in-stock variant found {%- endcomment -%} {%- unless selected_or_first_available_variant -%} {%- assign selected_or_first_available_variant = product.selected_or_first_available_variant -%} {%- endunless -%} {%- assign variant_url = '' -%} {%- if selected_or_first_available_variant -%} {%- assign variant_url = '?variant=' | append: selected_or_first_available_variant.id -%} {%- endif -%} {%- comment -%} Always prioritize our first in-stock variant over any selected variant {%- endcomment -%} {% if selected_or_first_available_variant %} {% assign product_price = selected_or_first_available_variant.price %} {% assign product_compare_at_price = selected_or_first_available_variant.compare_at_price %} {% if selected_or_first_available_variant.image %} {% assign featured_image = selected_or_first_available_variant.image %} {% endif %} {% endif %} {%- assign images_count = product.images | size -%}

{%- unless product.available -%} {%- elsif product_compare_at_price > product_price -%} -{{ product_compare_at_price | minus: product_price | times: 100.0 | divided_by: product_compare_at_price | round }}% {%- endunless -%} {%- if featured_image -%} {%- comment -%} Show only the featured image (from in-stock variant) {%- endcomment -%} ${{featured_image.alt | escape}}$ {%- elsif images_count > 0 -%} {%- comment -%} Fallback to first product image if no featured image {%- endcomment -%} {{product.images.first.alt | escape}}

{% else %} {{product.title | escape}}

{% endif %}

{%- for option in product.options -%} {%- assign optionIndex = 'option' | append: forloop.index -%} {%- assign optionIndexNumber = forloop.index -%} {%- if option.isSwatch -%}

{%- for value in option.values -%} {%- assign swatch = option.swatches[forloop.index0] -%} {%- if swatch.mode == 4 and swatch.image -%} {%- elsif swatch.mode == 3 and swatch.image -%} {%- elsif swatch.mode == 2 and swatch.color_1 and swatch.color_2 -%} {%- elsif swatch.mode == 1 and swatch.color_1 -%} {%- elsif swatch.lable -%} {{swatch.lable}} {%- else -%} {{value}} {%- endif -%} {%- endfor -%}

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

{% if product.vendor %}

{% endif %}

{%- if product_compare_at_price > product_price -%} {{ product_compare_at_price | money }} {{ product_price | money }} {% else %} {{ product_price | money }} {% endif %}

Subscribe to our emails