{%- assign swatch_options = 'Colour~~Color' | downcase | split: "~~" | uniq -%} {%- assign image_options = '' | downcase | split: "~~" | uniq -%} {%- assign text_options = 'Size' | downcase | split: "~~" | uniq -%} {%- assign image_size = '360x504' -%} {%- assign no_image = 'https://cdn.shopify.com/s/images/themes/product-1.png' -%} {%- assign featured_image = product.featured_media.preview_image -%} {%- assign product_price = product.price -%} {%- assign product_compare_at_price = product.compare_at_price -%} {%- assign selected_or_first_available_variant = product.selected_or_first_available_variant -%} {%- assign variant_url = '' -%} {%- if product.selected_or_first_available_variant -%} {%- assign variant_url = '?variant=' | append: product.selected_or_first_available_variant.id -%} {%- endif -%} {% if product.selected_variant %} {% assign selected_or_first_available_variant = product.selected_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 -%} {%- liquid assign per_row_desktop = 3 assign per_row_mobile = 1 assign per_row_desktop = section.blocks.product_grid.per_row_desktop assign per_row_mobile = section.blocks.product_grid.per_row_mobile case per_row_desktop when 2 assign grid_large_width = 'medium-up--one-half' when 3 assign grid_large_width = 'medium-up--one-third' when 4 assign grid_large_width = 'medium-up--one-quarter' endcase assign grid_small_width = 'grid-product--padded' if per_row_mobile contains '2' assign per_row_mobile = 2 assign grid_small_width = 'small--one-half' assign fallback = '50vw' endif -%} {%- capture grid_item_width -%}{{ grid_small_width }} {{ grid_large_width}}{%- endcapture -%} {%- liquid assign force_jpg = true unless grid_item_width assign grid_item_width = 'medium-up--one-quarter small--one-half' endunless -%} {%- liquid assign enable_quick_shop = settings.quick_shop_enable if no_modal assign enable_quick_shop = false endif assign on_sale = false if product.compare_at_price > product.price assign on_sale = true endif assign sold_out = true if product.available assign sold_out = false endif assign product_tags = product.tags | join: ',' assign has_custom_label = false if product.metafields.theme.label and product.metafields.theme.label != blank assign has_custom_label = true assign custom_label = product.metafields.theme.label.value elsif product_tags contains '_label_' for tag in product.tags if tag contains '_label_' assign tag_starts_with = tag | slice: 0 if tag_starts_with == '_' assign has_custom_label = true assign custom_label = tag | replace: '_label_', '' endif endif endfor endif -%}

{%- if has_custom_label -%}

{{ custom_label }}

{%- else -%} {%- if sold_out -%}

{%- endif -%} {%- if on_sale and sold_out == false -%}

{%- if settings.product_save_amount -%} {%- if settings.product_save_type == 'dollar' -%} {%- capture saved_amount -%}{{ product.compare_at_price | minus: product.price | money }}{%- endcapture -%} {%- else -%} {%- capture saved_amount -%}{{ product.compare_at_price | minus: product.price | times: 100.0 | append: ".0" | divided_by: product.compare_at_price | round }}%{%- endcapture -%} {%- endif -%} {%- else -%} {%- endif -%}

{%- endif -%} {%- endif -%} {%- liquid assign fixed_aspect_ratio = false unless settings.product_grid_image_size == 'natural' assign fixed_aspect_ratio = true endunless assign preview_image = product.featured_media.preview_image if force_jpg assign img_url = preview_image | img_url: '1x1', format: 'jpg' | replace: '_1x1.', '_{width}x.' else assign img_url = preview_image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' endif assign image_limit = 1 assign image_count = 0 if settings.product_hover_image assign image_limit = 10 endif assign slider_image_padding = '100%' -%}

{%- for media in product.images limit: image_limit -%} {%- assign image_count = image_count | plus: 1 -%}

{%- if forloop.first -%} {%- if fixed_aspect_ratio -%} {%- assign image = preview_image -%}

{%- else -%} {%- assign slider_image_padding = 100 | divided_by: preview_image.aspect_ratio | append: '%' -%}

{%- endif -%} {%- else -%} {%- assign image = media -%}

{%- endif -%}

{%- endfor -%}

{%- if image_count > 1 -%} {%- assign loader_duration = 1350 | times: image_count -%} {%- endif -%}

{% comment %}

{{product.metafields.yotpo.catalog_bottomline}}

{% endcomment %} {% comment %} {% unless product.tags contains 'hide-yotpo' %}

{{ product.metafields.yotpo.reviews_count }}

{% endunless %} {% endcomment %}

{{ product.title }}

{%- if settings.vendor_enable -%}

{{ product.vendor }}

{%- endif -%}

{%- if on_sale -%} {{ product.compare_at_price | money }} {%- endif -%} {%- if product.price_varies -%} {%- assign price = product.price_min | money -%} {%- else -%} {{ product.price | money }} {%- endif -%}

{%- if settings.enable_swatches -%} {%- assign swatch_trigger = 'color' -%} {%- assign swatch_file_extension = 'png' -%} {%- for option in product.options -%} {%- 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 -%} {%- endunless -%} {%- endfor -%}

{%- endif -%} {%- endfor -%} {%- endif -%} {%- if settings.enable_product_reviews -%} {%- endif -%}