{%- for media in product.media -%} {%- render 'highlighted-product-media', media: media, output_type: 'slider-slide', media_index: forloop.index0 -%} {%- endfor -%}
{% comment %} PRODUCT INFO & DETAILS {% endcomment %}
{{- product.title | escape | default: 'Product title' -}} {%- render 'product-badges', product: product %}
{%- render 'price', product: product, use_variant: true -%}
{% comment %} Product Variants || Options || Swatches {% endcomment %} {%- assign variants = product.variants -%} {%- assign swatch_options = settings.swatches_option | split: ',' -%} {%- assign current_swatch_options = '' -%} {%- for swatch_opt in swatch_options -%} {%- assign swatch_opt_striped = swatch_opt | strip -%} {%- assign swatch_option = product.options_by_name[swatch_opt_striped].values | join: ',' -%} {%- assign current_swatch_options = current_swatch_options | append: swatch_option | append: ',' -%} {%- endfor -%} {%- assign current_swatch_options = current_swatch_options | split: ',' -%} {%- liquid assign variants_available_arr = product.variants | map: 'available' assign variants_option_first_arr = product.variants | map: 'option1' assign variants_option_second_arr = product.variants | map: 'option2' assign variants_option_third_arr = product.variants | map: 'option3' -%} {% if settings.show_product_groups_on_product_card %} {% render 'product-groups', product: product, on: 'page' %} {% endif %}
    {%- for opts in (1..3) -%} {%- assign options = blank -%} {%- if opts == 1 -%} {%- assign options = product.options_with_values[0].values -%} {%- elsif opts == 2 -%} {%- assign options = product.options_with_values[1].values -%} {%- elsif opts == 3 -%} {%- assign options = product.options_with_values[2].values -%} {%- endif -%} {%- if options != blank -%} {% assign option_handle = options | json %} {% unless option_handle contains 'Default' %}
  • {%- if options.size > 0 -%}
    {{ product.options_with_values[forloop.index0].name -}} {{- product.options_with_values[forloop.index0].selected_value -}} {%- for opt in options -%} {%- liquid assign option_disabled = true for option1_name in variants_option_first_arr case opts when 1 if variants_option_first_arr[forloop.index0] == opt and variants_available_arr[forloop.index0] assign option_disabled = false endif when 2 if option1_name == product.selected_or_first_available_variant.option1 and variants_option_second_arr[forloop.index0] == opt and variants_available_arr[forloop.index0] assign option_disabled = false endif when 3 if option1_name == product.selected_or_first_available_variant.option1 and variants_option_second_arr[forloop.index0] == product.selected_or_first_available_variant.option2 and variants_option_third_arr[forloop.index0] == opt and variants_available_arr[forloop.index0] assign option_disabled = false endif endcase endfor -%} {%- liquid # product swatch check assign opt_swatch = false if opt.swatch and settings.product_card_swatches_show assign opt_swatch = opt | strip | handleize endif assign input_is_checked = false if forloop.first assign input_is_checked = true endif assign input_is_disabled = false if option_disabled assign input_is_disabled = true endif assign input_name = product.id | append: '-option[' | append: opts | append: ']' assign input_id = product.id | append: '-variant-option-' | append: opts | append: '-' | append: forloop.index -%}
    {%- render 'product-option', id: input_id, name: input_name, disabled: input_is_disabled, value: opt, swatch_value: opt.swatch, class: 'hidden variant-option-radio-input', visually_hidden: true, product: product, option: options, where: 'quick-cart-product' -%}
    {%- endfor -%}
    {%- endif -%}
    • {% endunless %} {%- endif -%} {%- endfor -%}
{%- liquid assign product_preorder = false if product.metafields.theme.preorder.value assign product_preorder = true endif -%} {%- form 'product', product, class: 'product-card__add-to-cart--form product__form product__form--inline', novalidate: 'novalidate' -%}
{%- render 'quantity-input', product: product, hide_label: true -%}
{% if product_preorder == false %} {{- form | payment_button -}} {% endif %} {%- endform -%}