{%- liquid assign layout = settings.quick_view_layout assign max_thumbnail_to_show = settings.thumbnail_to_show assign current_variant = product.selected_or_first_available_variant assign variantCount = product.variants | size assign featured_media_aspect_ratio = product.featured_media.aspect_ratio if product.featured_media.aspect_ratio == nil assign featured_media_aspect_ratio = 1 endif assign media_size = settings.quick_view_product_image_ratio assign portrait_aspect_ratio = settings.quick_view_portrait_aspect_ratio | append: '%' assign quick_view_zoomed_image = settings.quick_view_zoomed_image assign show_quick_view_badge = settings.show_quick_view_badge assign fontsize_text = settings.fontsize_text assign color_title = settings.color_title assign show_quick_view_review = settings.show_quick_view_review assign word_number_short_desc = settings.word_number_short_desc assign fontsize_short_desc = settings.fontsize_short_desc assign color_short_desc = settings.color_short_desc assign show_quick_view_sold_in = settings.show_quick_view_sold_in if show_quick_view_sold_in assign quick_view_sold_in_number = settings.quick_view_sold_in_number assign quick_view_sold_in_hours = settings.quick_view_sold_in_hours endif assign show_quick_view_short_description = settings.show_quick_view_short_description assign show_quick_view_short_description = settings.show_quick_view_short_description assign fontsize_price = settings.fontsize_price assign show_countdown = settings.show_countdown if show_countdown assign countdown_type = settings.countdown_type assign countdown_time = settings.countdown_time assign countdown_collection = settings.countdown_collection | downcase | handle assign countdown_style = settings.countdown_style endif assign show_quick_view_vendor = settings.show_quick_view_vendor assign show_quick_view_availability = settings.show_quick_view_availability assign show_quick_view_sku = settings.show_quick_view_sku assign show_quick_view_product_type = settings.show_quick_view_product_type assign quick_view_picker_type = settings.quick_view_picker_type assign stock_level_display = settings.stock_level_display assign show_hot_stock = settings.show_hot_stock if show_hot_stock assign productMaxStock = settings.hot_stock_limit | plus: 0 endif assign show_quick_view_qty = settings.show_quick_view_qty assign show_quick_view_subtotal = settings.show_quick_view_subtotal assign show_subtotal = false assign subtotal = 0 if show_quick_view_subtotal and show_quick_view_qty assign show_subtotal = true assign subtotal = current_variant.price | money comment [Yagi Automatic Discount Helper] start - overrride the subtotal if there is auto discount applied from the app endcomment assign auto_discounted_price = current_variant.metafields.app--168074346497.auto_discounted_price.value | default: current_variant.price if auto_discounted_price < current_variant.price assign subtotal = auto_discounted_price | money endif comment [Yagi Automatic Discount Helper] end - overrride the subtotal if there is auto discount applied from the app endcomment endif assign show_dynamic_checkout = settings.show_dynamic_checkout assign show_quick_view_customer_viewing = settings.show_quick_view_customer_viewing if show_quick_view_customer_viewing assign quick_view_customer_viewing_number = settings.quick_view_customer_viewing_number assign quick_view_customer_viewing_time = settings.quick_view_customer_viewing_time endif assign show_quick_view_trust_image = settings.show_quick_view_trust_image assign show_quick_view_share = settings.show_quick_view_share if show_quick_view_share assign share_product_script = settings.share_product_script endif assign show_customization_option = settings.show_customization_option if show_customization_option assign has_customization_option = false assign customization_option_type = settings.customization_option_type assign customization_option_hidden = settings.customization_option_hidden if customization_option_type == 'all' assign has_customization_option = true elsif customization_option_type == 'tag' assign customization_option_tags = settings.customization_option_tags | downcase | strip | split: "," for tag in customization_option_tags assign tagtitle = tag | strip assign productTag = product.tags | downcase if productTag contains tagtitle assign has_customization_option = true endif endfor elsif customization_option_type == 'collection' assign customization_option_collection = settings.customization_option_collection | downcase | handle if customization_option_collection != blank for collection in product.collections assign collection_title = collection.title | downcase | handle if collection_title == customization_option_collection assign has_customization_option = true endif endfor endif endif assign customization_option_1 = settings.customization_option_1 assign customization_option_2 = settings.customization_option_2 endif assign show_quick_view_variant_image_group = settings.show_quick_view_variant_image_group -%} {%- if variantCount > 0 and product.has_only_default_variant != true -%} {%- endif -%}
{%- if show_quick_view_badge -%} {% render 'product-badge', product: product, class: 'productView-badge', badge_detail: true, serial: 1 %} {%- endif -%}
{%- for media in product.media -%} {%- case media.media_type -%} {%- when 'image' -%}
{% if settings.enable_lazyload %}{% endif %}
{%- when 'external_video' -%}
{%- if media.host == 'youtube' -%}
{{ media.alt | escape }}
{%- else -%}
{{ media.alt | escape }}
{{ media | external_video_tag }}
{%- endif -%}
{%- when 'video' -%}
{{ media.alt | escape }}
{{ media | video_tag: controls: true, image_size: 'master' }}
{%- when 'model' -%}
{{ media | model_viewer_tag: image_size: '500x', reveal: 'interaction', toggleable: true, data-model-id: media.id, auto-rotate: true, id: 'paused-change-demo' }}
{%- else -%}
{{ media | media_tag }}
{%- endcase -%} {%- endfor -%}
{%- for media in product.media -%} {%- case media.media_type -%} {%- when 'image' -%}
{{ media.alt | escape }}
{%- when 'external_video' -%}
{{ media.alt | escape }}
{% render 'icon-video' %}
{%- when 'video' -%}
' | first }}" alt="{{ media.alt | escape }}" title="{{ media.alt | escape }}"/>
{% render 'icon-video' %}
{%- when 'model' -%}
' | first }}" alt="{{ media.alt | escape }}" title="{{ media.alt | escape }}"/>
{%- render 'icon-3d-model' -%}
{%- else -%}
{{ media | media_tag }}
{%- endcase -%} {%- endfor -%}

{{ product.title | escape }}

{%- if show_quick_view_review or show_quick_view_sold_in -%}
{%- if show_quick_view_review -%}
{%- endif -%} {%- if show_quick_view_sold_in -%} {%- endif -%}
{%- endif -%} {%- if show_quick_view_short_description -%} {%- liquid assign desc = product.description -%} {%- if product.metafields.c_f.short_description -%} {%- liquid assign desc = product.metafields.c_f.short_description -%} {%- endif -%} {%- if desc != blank -%}
{{ desc | truncatewords: word_number_short_desc }}
{%- endif -%} {%- endif -%} {%- if show_quick_view_vendor or show_quick_view_availability or show_quick_view_sku or show_quick_view_product_type -%}
{%- if show_quick_view_sku -%} {%- endif -%} {%- if show_quick_view_vendor -%}
{{ 'products.product.text.vendor' | t }} {{ product.vendor | link_to_vendor }}
{%- endif -%} {%- if show_quick_view_availability -%}
{{ 'products.product.text.availability' | t }} {%- if current_variant.inventory_management -%} {%- assign first_inventory = current_variant.inventory_quantity -%} {%- if first_inventory > 0 -%} {% if stock_level_display == 'show' %}{{ first_inventory }} {% endif %} {{ 'products.product.in_stock' | t }} {%- else -%} {{ 'products.product.out_of_stock' | t }} {%- endif -%} {%- else -%} {{ 'products.product.many_in_stock' | t }} {%- endif -%}
{%- endif -%} {%- if show_quick_view_product_type -%}
{{ 'products.product.text.type' | t }} {{ product.type | escape }}
{%- endif -%}
{%- endif -%}
{%- render 'price', product: product, use_variant: true, price_class: 'price--medium' -%}
{%- if show_countdown -%} {%- if countdown_type == 'all_product' -%}
{{ settings.countdown_text }} 151D 8H 23M 0S
{%- elsif countdown_type == 'collection_product' -%} {%- liquid assign hasCountdown = false if countdown_collection != blank for collection in product.collections assign collection_title = collection.title | downcase | handle if collection_title == countdown_collection assign hasCountdown = true endif endfor endif -%} {%- if hasCountdown -%}
{{ settings.countdown_text }} 151D 8H 23M 0S
{%- endif -%} {%- else -%} {%- if product.metafields.c_f.countdown -%} {% assign countdown_type = product.metafields.c_f.countdown %}
{{ settings.countdown_text }} 151D 8H 23M 0S
{%- endif -%} {%- endif -%} {%- endif -%}
{%- assign product_form_installment_id = 'product-quick-view-form-installment-' | append: product.id -%} {%- form 'product', product, id: product_form_installment_id, class: 'installment caption-large' -%} {{ form | payment_terms }} {%- endform -%}
{%- if variantCount > 0 and product.has_only_default_variant != true -%} {%- if quick_view_picker_type == 'button' -%} {%- assign product_swatch_option = settings.swatch | downcase -%} {%- for option in product.options_with_values -%} {%- liquid assign is_swatch = false assign option_name = option.name | downcase if product_swatch_option contains option_name assign is_swatch = true endif assign swatch_type = settings.swatch_type assign option_index = forloop.index0 -%}
{{ option.name | append: ':' }} {{ option.selected_value }} {%- assign values = '' -%} {%- liquid assign variants_available_arr = product.variants | map: 'available' assign variants_option1_arr = product.variants | map: 'option1' assign variants_option2_arr = product.variants | map: 'option2' assign variants_option3_arr = product.variants | map: 'option3' -%} {%- for variant in product.variants -%} {%- assign value = variant.options[option_index] -%} {%- unless values contains value -%} {%- liquid assign values = values | join: ';' assign values = values | append: ';' | append: value assign values = values | split: ';' assign option_stock = 'soldout' for option1_name in variants_option1_arr case option.position when 1 if variants_option1_arr[forloop.index0] == value and variants_available_arr[forloop.index0] assign option_stock = 'available' endif when 2 if option1_name == product.selected_or_first_available_variant.option1 and variants_option2_arr[forloop.index0] == value and variants_available_arr[forloop.index0] assign option_stock = 'available' endif when 3 if option1_name == product.selected_or_first_available_variant.option1 and variants_option2_arr[forloop.index0] == product.selected_or_first_available_variant.option2 and variants_option3_arr[forloop.index0] == value and variants_available_arr[forloop.index0] assign option_stock = 'available' endif endcase endfor -%} {%- if is_swatch -%} {%- liquid assign enable_variant_image = false case swatch_type when 'variant_image' assign background_image = variant.image.src | product_img_url: '40x' if variant.image assign enable_variant_image = true endif when 'color' assign background_image = value | handle | append: '.png' | file_url assign enable_variant_image = true when 'metafields' assign variant_color = variant.metafields.custom.variant_color assign color_codes = false if variant_color assign enable_variant_image = true if variant_color contains '#' or variant_color contains 'rgb' or variant_color contains 'hsl' assign color_codes = true assign background_color = variant_color else assign background_image = variant_color | append: '.png' | file_url endif elsif variant.image assign enable_variant_image = true assign background_image = variant.image.src | product_img_url: '40x' endif endcase -%} {%- else -%} {%- endif -%} {%- endunless -%} {%- endfor -%}
{%- endfor -%} {%- else -%} {%- for option in product.options_with_values -%}
{%- endfor -%} {%- endif -%} {%- if show_hot_stock -%}
{%- if current_variant.inventory_management -%} {%- if current_variant.inventory_quantity > 0 and current_variant.inventory_quantity <= productMaxStock -%} {{ 'products.product.hot_stock' | t : inventory: current_variant.inventory_quantity }} {%- endif -%} {%- endif -%}
{%- endif -%} {%- endif -%}
{%- if show_quick_view_qty -%}
{%- endif -%} {%- if show_subtotal -%}
{{ 'sections.cart.subtotal' | t | append: ': ' }} {{ subtotal }}
{%- endif -%} {%- liquid assign show_size_chart = settings.show_size_chart if show_size_chart assign has_size_chart = false assign size_chart_type = settings.size_chart_type if size_chart_type == 'product_type' or size_chart_type == 'product_vendor' assign size_chart_image_type = settings.size_chart_image_type elsif size_chart_type == 'custom_image' assign size_chart_image = settings.size_chart_image endif if size_chart_type == 'product_type' if size_chart_image_type == 'jpg' assign size_chart_image = product.type | handle | append: '-sizechart.jpg' else assign size_chart_image = product.type | handle | append: '-sizechart.png' endif if images[size_chart_image] != blank assign has_size_chart = true endif elsif size_chart_type == 'product_vendor' if size_chart_image_type == 'jpg' assign size_chart_image = product.vendor | handle | append: '-sizechart.jpg' else assign size_chart_image = product.vendor | handle | append: '-sizechart.jpg' endif if images[size_chart_image] != blank assign has_size_chart = true endif elsif size_chart_type == 'metafield' if product.metafields.c_f.size_chart assign has_size_chart = true endif elsif size_chart_type == 'custom_image' if size_chart_image != blank assign has_size_chart = true endif endif endif assign show_compare_color = settings.show_compare_color if show_compare_color assign show_compare_color_drop_drap = settings.show_compare_color_drop_drap assign product_swatch_option = settings.swatch | downcase assign isColor = false for option in product.options_with_values assign option_name = option.name | downcase if product_swatch_option contains option_name assign isColor = true assign index = forloop.index0 if option.values.size > 1 assign show_compare_color = true endif endif endfor endif -%}
{%- if show_size_chart and has_size_chart -%}
{% render 'icon-size-chart-2' %} {{ 'size_chart.general.text' | t }}
{%- endif -%} {%- if show_compare_color and isColor -%}
{%- endif -%} {%- if settings.show_ask_an_expert -%}
{%- if settings.ask_an_expert_icon != blank -%} {{ settings.ask_an_expert_icon }} {%- endif -%} {{ 'ask_an_expert.general.text' | t}}
{%- endif -%}
{%- assign product_form_id = 'product-quick-view-form-' | append: product.id -%} {%- form 'product', product, id: product_form_id, class: 'form productView-action', novalidate: 'novalidate', data-type: 'add-to-cart-form' -%} {%- if show_customization_option and has_customization_option -%} {%- if customization_option_1 != blank or customization_option_2 != blank -%}
{% render 'product-customization', product: product, customization_option_hidden: customization_option_hidden, customization_option_1: customization_option_1, customization_option_2: customization_option_2 %}
{%- endif -%} {%- endif -%}
{%- if show_quick_view_qty -%} {%- endif -%}
{%- if current_variant.available -%} {%- if current_variant.inventory_management -%} {%- assign first_inventory = current_variant.inventory_quantity -%} {%- liquid if current_variant.available and first_inventory == 0 assign allowOutStockSale = true else assign allowOutStockSale = false endif -%} {%- else -%} {%- endif -%} {%- else -%} {%- endif -%}
{%- if settings.show_wishlist -%}
{% render 'icon-heart' %}
{%- endif -%} {%- if show_quick_view_share -%} {% render 'halo-share', product: product, share_layout: '2' %} {%- endif -%}
{%- if show_dynamic_checkout -%}
{%- if settings.show_global_checkbox -%}
{%- if settings.show_global_checkbox -%}
{%- if settings.global_checkbox_link_text != blank -%} {{ settings.global_checkbox_link_text | escape }} {%- endif -%}
{%- endif -%}
{%- endif -%}
{{ form | payment_button }}
{%- endif -%}
{%- endform -%} {%- if settings.show_notify_form -%}
1 %}style="display: none;"{% else %}{% if product.available %}style="display: none;"{% endif %}{% endif %}> {% render 'halo-notify-sold-out', id: product.id, current_variant: current_variant %}
{%- endif -%} {%- if show_quick_view_customer_viewing or show_quick_view_trust_image -%}
{%- if show_quick_view_customer_viewing -%}
{% render 'icon-eyes-2' %} {{ 'customer_viewing.general.text' | t: number : '10' }}
{%- endif -%} {%- if show_quick_view_trust_image -%}
{%- render 'halo-trust-image', type: 'product' -%}
{%- endif -%}
{%- endif -%}
{%- if show_size_chart and has_size_chart -%} {% render 'halo-size-chart-popup', product: product, size_chart_type: size_chart_type, size_chart_image: size_chart_image %} {%- endif -%} {%- if show_compare_color and isColor -%} {% render 'halo-compare-color-popup', product: product, show_compare_color_drop_drap: show_compare_color_drop_drap, index: index %} {%- endif -%}