CAILY

{%- assign text_class = '' -%} {%- if settings.product_card_text_font == 'heading' -%} {%- assign text_class = 'h6' -%} {%- endif -%} {%- if show_title or show_prices or show_vendor and product.vendor != blank -%} {%- endif -%} {%- if show_swatches and settings.product_color_display != 'hide' -%} {%- assign color_label_list = "colorcolour" -%} {%- for option in product.options -%} {%- assign downcased_option = option.name | downcase -%} {%- if color_label_list contains downcased_option -%} {%- assign product_option = forloop.index -%} {%- capture name -%}swatch-{{ section.id }}-{{ product.id }}-{{ product_option }}{%- endcapture -%} {%- case settings.product_color_display -%} {%- when 'count' -%} {%- assign count = option.values | size -%} {%- if count > 1 -%}

{{ count }} colors available

{%- else -%}

{{ count }} color available

{%- endif -%} {%- when 'swatch' -%} {% comment %} {%- for value in option.values -%} {%- if forloop.first -%} {%- assign selected = true -%} {%- else -%} {% assign selected = false %} {%- endif -%} {%- capture id -%}swatch-{{ id_prefix }}-{{ section.id }}-{{ form }}-{{ name }}-{{ forloop.index }}{%- endcapture -%} {%- assign value_downcase = value | downcase | strip -%} {%- assign swatch_style = '-swatch-background: linear-gradient(to right, ' | append: value_downcase | append: ', ' | append: value_downcase | append: ')' -%} {{ value }} {%- endfor -%} {% endcomment %} {%- for value in option.values -%} {%- if forloop.first or product.selected_or_first_available_variant.matched and value == product_option.selected_value -%} {%- assign selected = true -%} {%- else -%} {% assign selected = false %} {%- endif -%} {%- capture id -%}swatch-{{ id_prefix }}-{{ section.id }}-{{ form }}-{{ name }}-{{ forloop.index }}{%- endcapture -%} {%- assign swatch_config = settings.color_swatch_config | newline_to_br | split: '' -%} {%- assign value_downcase = value | downcase | strip -%} {%- assign swatch_style = '-swatch-background: linear-gradient(to right, ' | append: value_downcase | append: ', ' | append: value_downcase | append: ')' -%} {%- for swatch_item in swatch_config -%} {%- assign swatch_parts = swatch_item | split: ':' -%} {%- assign swatch_name = swatch_parts.first | downcase | strip -%} {%- if value_downcase == swatch_name -%} {%- assign swatch_value = swatch_parts.last | strip -%} {%- if swatch_value contains '#' -%} {%- assign swatch_style = '-swatch-background: linear-gradient(to right, ' | append: swatch_value | append: ', ' | append: swatch_value | append: ')' -%} {%- elsif swatch_value contains 'linear-gradient(' -%} {%- assign swatch_style = '-swatch-background: ' | append: swatch_value -%} {%- elsif images[swatch_value] != blank -%} {%- assign swatch_image = images[swatch_value] | image_url: width: 72 -%} {%- assign swatch_style = '-swatch-background: url(' | append: swatch_image | append: ')' -%} {%- endif -%} {%- endif -%} {%- endfor -%} {%- assign white_label = 'general.label.white' | t | downcase -%} {%- assign value_downcase = value | downcase -%} {%- if href == blank -%} {{ value }} {%- else -%} {{ value }} {%- endif -%} {%- endfor -%} {%- endcase -%} {%- endif -%} {%- endfor -%} {%- endif -%}