{%- liquid assign container = section.settings.container assign padding_full_width = section.settings.padding_full_width assign show_sticky_info = section.settings.show_sticky_info assign mg_top_desktop = section.settings.mg_top_desktop assign mg_top_tablet = section.settings.mg_top_tablet assign mg_top_mobile = section.settings.mg_top_mobile assign mg_bottom_desktop = section.settings.mg_bottom_desktop assign mg_bottom_tablet = section.settings.mg_bottom_tablet assign mg_bottom_mobile = section.settings.mg_bottom_mobile assign main_image_position = section.settings.main_image_position assign main_image_show_custom_cursor = section.settings.main_image_show_custom_cursor assign count_color = section.settings.count_color assign icon_color = section.settings.icon_color assign thumnail_layout = section.settings.thumnail_layout assign main_image_arrows_desktop = section.settings.main_image_arrows_desktop assign main_image_arrows_mobile = section.settings.main_image_arrows_mobile assign main_image_counter_mobile = section.settings.main_image_counter_mobile assign main_image_enable_parallax_mb = section.settings.main_image_enable_parallax_mb assign main_image_show_zoom_icon_mb = section.settings.main_image_show_zoom_icon_mb assign main_image_layout = section.settings.main_image_layout assign show_thumbnail_mobile = section.settings.show_thumbnail_mobile assign max_thumbnail_to_show = section.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 = section.settings.product_image_ratio assign portrait_aspect_ratio = section.settings.portrait_aspect_ratio | append: '%' assign zoomed_image = section.settings.zoomed_image assign media_fit = section.settings.media_fit assign product_image_popup = section.settings.product_image_popup assign video_layout = section.settings.video_layout assign show_badge = section.settings.show_badge assign show_hot_stock = settings.show_hot_stock if show_hot_stock assign productMaxStock = settings.hot_stock_limit | plus: 0 endif assign show_qty = section.settings.show_qty assign show_subtotal = section.settings.show_subtotal assign subtotal_style = section.settings.subtotal_style assign show_subtotal_text = false assign subtotal = 0 if show_subtotal assign show_subtotal_text = 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_sticky_add_to_cart = section.settings.show_sticky_add_to_cart assign sticky_atc_layout = section.settings.sticky_atc_layout assign show_sticky_vendor = section.settings.show_sticky_vendor assign show_tab = section.settings.show_tab if show_tab assign tab_layout = section.settings.tab_layout assign tab_layout_mobile = section.settings.tab_layout_mobile assign icon_style_layout = section.settings.icon_style_layout assign title_font_size = section.settings.title_font_size assign title_font_size_mb = section.settings.title_font_size_mb assign font_weight_title = section.settings.font_weight_title assign title_text_transform = section.settings.title_text_transform assign title_padding_top_bottom = section.settings.title_padding_top_bottom if section.blocks.size > 0 assign show_tab = true else assign show_tab = false endif endif assign first_3d_model = product.media | where: "media_type", "model" | first assign has_product_combo = false assign has_sidebar = false assign show_sidebar = section.settings.show_sidebar assign sidebar_type = 'vertical' assign sidebar_position = section.settings.sidebar_position assign show_sidebar_collapse = section.settings.show_sidebar_collapse assign sidebar_collapse_default = section.settings.sidebar_collapse_default if show_sidebar if sidebar_type == 'vertical' if section.blocks.size > 0 assign has_sidebar = true endif endif endif if has_sidebar assign sidebar_heading_font = section.settings.sidebar_heading_font assign sidebar_heading_font_size = section.settings.sidebar_heading_font_size assign sidebar_heading_font_weight = section.settings.sidebar_heading_font_weight assign sidebar_heading_text_transform = section.settings.sidebar_heading_text_transform assign enable_sticky = section.settings.enable_sticky assign sidebar_layout = section.settings.sidebar_layout endif assign has_breadcrumb = false for block in section.blocks case block.type when 'breadcrumb' assign breadcrumb_layout = block.settings.breadcrumb_layout assign breadcrumb_alignment = block.settings.breadcrumb_alignment assign breadcrumb_mg_top_desktop = block.settings.breadcrumb_mg_top_desktop assign breadcrumb_mg_top_mobile = block.settings.breadcrumb_mg_top_mobile assign breadcrumb_mg_bottom_desktop = block.settings.breadcrumb_mg_bottom_desktop assign breadcrumb_mg_bottom_mobile = block.settings.breadcrumb_mg_bottom_mobile assign breadcrumb_bg = block.settings.breadcrumb_bg assign breadcrumb_gradient = block.settings.breadcrumb_gradient assign breadcrumb_bg_mb = block.settings.breadcrumb_bg_mb assign breadcrumb_gradient_mb = block.settings.breadcrumb_gradient_mb if breadcrumb_layout == 'full' assign check_breadcrumb_full = true else assign check_breadcrumb_full = false endif assign has_breadcrumb = true when 'title' assign check_block_title = true when 'quantity_selector' assign check_block_qty = true assign qty_style = block.settings.qty_style assign qty_layout = block.settings.qty_layout when 'perks' assign has_perks = true assign show_compare_color = block.settings.show_compare_color if show_compare_color assign show_compare_color_drop_drap = block.settings.show_compare_color_drop_drap assign product_swatch_option = settings.swatch | downcase assign compare_layout = block.settings.compare_layout 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 assign show_size_chart = block.settings.show_size_chart if show_size_chart assign has_size_chart = false assign size_chart_type = block.settings.size_chart_type if size_chart_type == 'product_type' or size_chart_type == 'product_vendor' assign size_chart_image_type = block.settings.size_chart_image_type elsif size_chart_type == 'custom_image' assign size_chart_image = block.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 when 'buy_buttons' assign check_block_buttons = true when 'share' assign show_share = block.settings.show_share assign share_layout = block.settings.share_layout when 'variant_picker' assign picker_type = block.settings.picker_type assign show_variant_image_group = block.settings.show_variant_image_group when 'grouped_product' assign product_combo = product.metafields.c_f.product_combo assign combo_discount_rate = product.metafields.c_f.combo_discount_rate | plus: 0 | divided_by: 100.00 if product_combo assign has_product_combo = true else assign has_product_combo = false endif when 'complementary_products' assign complementary_product_title = block.settings.complementary_product_title assign complementary_product_arrows = block.settings.complementary_product_arrows assign complementary_product_dots = block.settings.complementary_product_dots assign complementary_product_layout = block.settings.complementary_product_layout if complementary_product_layout == "1" assign complementary_product_limit_1 = block.settings.complementary_product_limit_1 endif if complementary_product_layout == "2" assign complementary_product_limit_2 = block.settings.complementary_product_limit_2 assign complementary_product_object = block.settings.complementary_product_object endif endcase endfor if show_qty if check_block_qty if check_block_buttons if qty_layout == '1' assign check_show_qty = 'show_qty_1' elsif qty_layout == '2' assign check_show_qty = 'show_qty_2' endif else assign check_show_qty = 'show_qty_1' endif else assign check_show_qty = 'show_qty_0' endif else assign check_show_qty = 'show_qty_0' endif if show_share if check_block_title and check_block_buttons assign check_show_share = share_layout elsif check_block_title and check_block_buttons != true if share_layout == '2' assign check_show_share = '1' else assign check_show_share = share_layout endif elsif check_block_title != true and check_block_buttons if share_layout == '3' assign check_show_share = '1' else assign check_show_share = share_layout endif endif 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 -%} {%- if first_3d_model -%} {%- endif -%} {%- if product_image_popup == 'fancybox' -%} {%- endif -%}
{% if has_breadcrumb %} {%- liquid if breadcrumb_gradient != 'rgba(0,0,0,0)' or breadcrumb_bg != 'rgba(0,0,0,0)' or breadcrumb_gradient_mb != 'rgba(0,0,0,0)' or breadcrumb_bg_mb != 'rgba(0,0,0,0)' assign breadcrumb_has_bg = true else assign breadcrumb_has_bg = false endif -%}
{% if breadcrumb_has_bg %}
{% endif %}
{% render 'breadcrumb', alignment: breadcrumb_alignment %}
{% if breadcrumb_has_bg %}
{% endif %}
{% endif %}
{%- if has_sidebar -%} {{ 'component-main-sidebar.css' | asset_url | stylesheet_tag }}
{% render 'icon-sidebar' %}
{% render 'icon-close' %}
{{ 'sections.sidebar.title' | t }}
{% render 'sidebar', results: collection, section: section, sidebar_type: sidebar_type, show_collapse: show_sidebar_collapse, sidebar_collapse: sidebar_collapse_default %}
{%- endif -%} {%- if has_sidebar -%}
{%- endif -%}
{%- if main_image_show_custom_cursor -%}
{%- endif -%}
{%- if show_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' -%}
{{ media.preview_image.alt | escape }}
{%- when 'external_video' -%} {%- if video_layout == 'thumbnail' -%}
{%- if media.host == 'youtube' -%}
{{ media.alt | escape }}
{%- else -%}
{{ media.alt | escape }}
{{ media | external_video_tag }}
{%- endif -%}
{%- endif -%} {%- when 'video' -%} {%- if video_layout == 'thumbnail' -%}
{{ media.alt | escape }}
{{ media | video_tag: controls: true, image_size: 'master' }}
{%- endif -%} {%- when 'model' -%}
{%- else -%}
{{ media | media_tag }}
{%- endcase -%} {%- endfor -%}
{%- if video_layout == 'popup' -%}
{%- for media in product.media -%} {%- case media.media_type -%} {%- when 'external_video' -%} {%- if media.host == 'youtube' -%} {% render 'icon-video' %} {%- else -%} {% render 'icon-video' %} {%- endif -%} {%- when 'video' -%} ' | first | strip_html | remove: '">'}}" data-width="1200" data-height="675"> {% render 'icon-video' %} {%- endcase -%} {%- endfor -%}
{%- endif -%} {%- if main_image_show_zoom_icon_mb -%}
{% render 'icon-zoom-1' %}
{%- endif -%} {%- if show_compare_color and isColor and compare_layout == '2' -%}
{%- endif -%}
{%- if thumnail_layout != '4' -%}
{%- for media in product.media -%} {%- case media.media_type -%} {%- when 'image' -%}
{{ media.alt | escape }}
{%- when 'external_video' -%} {%- if video_layout == 'thumbnail' -%}
{{ media.alt | escape }}
{% render 'icon-video' %}
{%- endif -%} {%- when 'video' -%} {%- if video_layout == 'thumbnail' -%}
' | first }}" alt="{{ media.alt | escape }}" title="{{ media.alt | escape }}" loading="lazy" />
{% render 'icon-video' %}
{%- endif -%} {%- when 'model' -%}
' | first }}" alt="{{ media.alt | escape }}" title="{{ media.alt | escape }}" loading="lazy" />
{% render 'icon-3d-model' %}
{%- else -%}
{{ media | media_tag }}
{%- endcase -%} {%- endfor -%}
{%- endif -%}
{%- for block in section.blocks -%} {%- liquid assign spacing_top = block.settings.spacing_top assign spacing_bottom = block.settings.spacing_bottom -%} {%- case block.type -%} {%- when 'breadcrumb' -%} {%- if breadcrumb_layout == 'content' -%}
{% render 'breadcrumb', alignment: breadcrumb_alignment %}
{%- endif -%} {%- when 'vendor' -%}
{% render 'product-vendor', block: block, product: product, fontsize_text: fontsize_text, color_title: color_title, text_transform: text_transform %}
{%- when 'title' -%} {%- when 'meta' -%} {%- liquid assign show_review = block.settings.show_review assign show_sold_in = block.settings.show_sold_in assign sold_in_number = block.settings.sold_in_number assign sold_in_hours = block.settings.sold_in_hours assign color_text_sold_in = block.settings.color_text_sold_in -%} {%- if show_review or show_sold_in -%}
{%- if show_review -%} {% render 'product-rating', product: product %} {%- endif -%} {%- if show_sold_in -%} {% render 'product-sold-in-last', sold_in_number: sold_in_number, sold_in_hours: sold_in_hours %} {%- endif -%}
{%- endif -%} {%- when 'short_description' -%}
{% render 'product-short-description', block: block, product: product, fontsize_text: fontsize_text, color_text: color_text %}
{%- when 'variant_description' -%}
{% render 'product-variant-description', block: block, product: product, current_variant: current_variant %}
{%- when 'info' -%} {%- liquid assign show_vendor = block.settings.show_vendor assign show_availability = block.settings.show_availability assign show_sku = block.settings.show_sku assign show_product_type = block.settings.show_product_type assign stock_level_display = block.settings.stock_level_display assign enable_border_top = block.settings.enable_border_top assign enable_border_bottom = block.settings.enable_border_bottom assign color_border = block.settings.color_border -%} {%- if show_vendor or show_availability or show_sku or show_product_type -%}
{% render 'product-info', product: product, show_vendor: show_vendor, show_availability: show_availability, show_sku: show_sku, current_variant: current_variant, show_product_type: show_product_type, stock_level_display: stock_level_display, enable_border_top: enable_border_top, enable_border_bottom: enable_border_bottom, color_border: color_border %}
{%- endif -%} {%- when 'price' -%} {% assign fontsize_text = block.settings.fontsize_text %}
{% if has_product_combo %}
{%- if combo_discount_rate > 0 -%} {{ cart.total_price | money }} {%- assign compensation = 1 | minus: combo_discount_rate -%} {{ cart.total_price | times: compensation | money }} {%- endif -%}
{% else %}
{%- render 'price', product: product, use_variant: true, price_class: 'price--medium' -%}
{% endif %}
{%- when 'countdown' -%} {%- liquid 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 -%} {%- if show_countdown -%}
{% render 'product-countdown', product: product, countdown_type: countdown_type, countdown_style: countdown_style, countdown_time: countdown_time, countdown_collection: countdown_collection %}
{%- endif -%} {%- when 'variant_picker' -%} {% unless has_product_combo %}
{% render 'product-variant', block: block, product: product, variantCount: variantCount, current_variant: current_variant, picker_type: picker_type, show_variant_image_group: show_variant_image_group %}
{% endunless %} {%- when 'customization_property' -%} {% if has_customization_option == true %}
{% render 'product-customization', block: block, product: product, customization_option_1: customization_option_1, customization_option_2: customization_option_2, customization_option_hidden: customization_option_hidden %}
{% endif %} {%- when 'hot_stock' -%} {% unless has_product_combo %} {% render 'product-hot-stock', block: block, product: product, variantCount: variantCount, show_hot_stock: show_hot_stock, productMaxStock: productMaxStock, current_variant: current_variant %} {% endunless %} {%- when 'perks' -%} {% unless has_product_combo %}
{% render 'product-perks', product: product, show_size_chart: show_size_chart, has_size_chart: has_size_chart, show_compare_color: show_compare_color, isColor: isColor, compare_layout: compare_layout %}
{% endunless %} {%- when 'quantity_selector' -%} {% unless has_product_combo %} {%- if check_show_qty == 'show_qty_1' -%}
{% render 'product-quantity', current_variant: current_variant, qty_style: qty_style, check_hidden: false, quantity_stt: 2 %}
{%- if show_subtotal and subtotal_style == '1' -%}
{{ 'sections.cart.subtotal' | t | append: ': ' }} {{ subtotal }}
{%- endif -%}
{%- endif -%} {% endunless %} {%- when 'buy_buttons' -%} {% unless has_product_combo %}
{% render 'product-button', block: block, product: product, current_variant: current_variant, check_show_share: check_show_share, share_layout: check_show_share, section: section, check_show_qty: check_show_qty, qty_style: qty_style, show_subtotal_text: show_subtotal_text, subtotal: subtotal, subtotal_style: subtotal_style %}
{% endunless %} {%- when 'customer_viewing' -%}
{% render 'product-customer-viewing', block: block %}
{%- when 'pickup_availability' -%}
{%- liquid assign show_pickup_availability = block.settings.show_pickup_availability -%} {%- if show_pickup_availability -%} {% render 'product-pickup-availability', product: product, current_variant: current_variant %} {%- endif -%}
{%- when 'share' -%} {%- if check_show_share == '1' -%}
{% render 'halo-share', product: product, share_layout: check_show_share %}
{%- endif -%} {%- when 'trust_image' -%} {%- liquid assign show_trust_image = block.settings.show_trust_image -%} {%- if show_trust_image -%}
{%- render 'halo-trust-image', type: 'product' -%}
{%- endif -%} {%- when 'product_text' -%} {%- liquid assign content_spacing = block.settings.content_spacing assign custom_block_align = block.settings.custom_block_align assign background_color_block = block.settings.background_color_block assign background_gradient_color_block = block.settings.background_gradient_color_block -%}
{% render 'product-text', block: block %}
{%- when 'custom_information' -%}
{% render 'product-custom-information', block: block %}
{%- when 'grouped_product' -%} {%- if has_product_combo -%}
{% render 'grouped-product', block: block, show_share: show_share check_show_share: check_show_share, share_layout: check_show_share, picker_type: picker_type, show_size_chart: show_size_chart, has_size_chart: has_size_chart, show_compare_color: show_compare_color, isColor: isColor, compare_layout: compare_layout, has_perks: has_perks, product_combo: product_combo %}
{%- endif -%} {%- when 'custom_liquid' -%} {{ block.settings.custom_liquid }} {%- when 'complementary_products' -%}
{%- if recommendations.performed and recommendations.products_count > 0 -%} {%- if complementary_product_title -%}
{{ complementary_product_title | escape }}
{%- endif -%}
{%- if complementary_product_layout == "1" -%} {%- for product in recommendations.products limit: limit -%}
{% render 'product-grid-layout', product_card_product: product, media_size: image_ratio, portrait_aspect_ratio: portrait_aspect_ratio, serial: forloop.index, sectionId: section.id, show_list: true, loading: true %}
{%- endfor -%} {%- endif -%} {%- if complementary_product_layout == "2" -%} {%- for product in recommendations.products limit: limit offset: continue -%}
{% render 'product-card-custom', product_card_product: product %}
{%- endfor -%} {%- endif -%}
{%- endif-%}
{%- when '@app' -%} {% render block %} {%- endcase -%} {%- endfor -%} {%- if show_tab -%} {%- if tab_layout == 'vertical' or tab_layout == 'vertical_sidebar' or tab_layout == 'popup' -%} {% render 'halo-product-tab', product: product, section: section, tab_layout: tab_layout, tab_layout_mobile: tab_layout_mobile, icon_style_layout: icon_style_layout %} {%- endif -%} {%- endif -%}
{%- if has_sidebar -%}
{% endif %} {%- unless has_product_combo -%} {%- if show_sticky_add_to_cart -%} {{ 'component-sticky-add-to-cart.css' | asset_url | stylesheet_tag }} {% render 'halo-sticky-add-to-cart', product: product, current_variant: current_variant, variantCount: variantCount, show_vendor: show_sticky_vendor, sticky_atc_layout: sticky_atc_layout, container: container, show_qty: show_qty, qty_style: qty_style, subtotal: subtotal %} {% comment %} {% render 'halo-sticky-add-to-cart-mobile', product: product, current_variant: current_variant, variantCount: variantCount, show_vendor: show_sticky_vendor, sticky_atc_layout: sticky_atc_layout, container: container, show_qty: show_qty, qty_style: qty_style, subtotal: subtotal %} {% endcomment %} {%- endif -%} {%- endunless -%}
{% unless has_product_combo %} {% render 'product-bundle' %} {% endunless %}
{%- if show_tab and tab_layout == 'horizontal' -%} {% render 'halo-product-tab', product: product, section: section, tab_layout: tab_layout, tab_layout_mobile: tab_layout_mobile, icon_style_layout: icon_style_layout %} {%- 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 -%} {%- if show_sticky_add_to_cart -%} {%- endif -%} {%- if first_3d_model -%} {%- endif -%} {%- if main_image_show_custom_cursor -%} {%- endif -%} {%- if product_image_popup == 'fancybox' -%} {%- endif -%} {%- if zoomed_image and main_image_show_custom_cursor != true -%} {%- endif -%} {% render 'schema', product: product %}