{{ 'section-main-product.css' | asset_url | stylesheet_tag }} {{ 'component-accordion.css' | asset_url | stylesheet_tag }} {{ 'component-price.css' | asset_url | stylesheet_tag }} {{ 'component-slider.css' | asset_url | stylesheet_tag }} {{ 'component-rating.css' | asset_url | stylesheet_tag }} {{ 'component-deferred-media.css' | asset_url | stylesheet_tag }} {% unless product.has_only_default_variant %} {{ 'component-product-variant-picker.css' | asset_url | stylesheet_tag }} {{ 'component-swatch-input.css' | asset_url | stylesheet_tag }} {{ 'component-swatch.css' | asset_url | stylesheet_tag }} {% endunless %} {%- if product.quantity_price_breaks_configured? -%} {{ 'component-volume-pricing.css' | asset_url | stylesheet_tag }} {%- endif -%} {%- style -%} .section-{{ section.id }}-padding { padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px; padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px; } @media screen and (min-width: 750px) { .section-{{ section.id }}-padding { padding-top: {{ section.settings.padding_top }}px; padding-bottom: {{ section.settings.padding_bottom }}px; } } {%- endstyle -%} {%- if product.quantity_price_breaks_configured? -%} {%- endif -%} {% if section.settings.image_zoom == 'hover' %} {% endif %} {%- if request.design_mode -%} {%- endif -%} {%- assign first_3d_model = product.media | where: 'media_type', 'model' | first -%} {%- if first_3d_model -%} {{ 'component-product-model.css' | asset_url | stylesheet_tag }} {%- endif -%} {% assign variant_images = product.images | where: 'attached_to_variant?', true | map: 'src' %}

{% render 'product-media-gallery', variant_images: variant_images %}

{%- assign product_form_id = 'product-form-' | append: section.id -%} {%- for block in section.blocks -%} {%- case block.type -%} {%- when '@app' -%} {% render block %} {%- when 'text' -%}

{%- when 'title' -%}

{%- when 'price' -%}

{%- render 'price', product: product, use_variant: true, show_badges: true, price_class: 'price--large' -%}

{%- if product.quantity_price_breaks_configured? -%}

{%- endif -%}

{%- if cart.taxes_included -%} {{ 'products.product.include_taxes' | t }} {%- endif -%} {%- if shop.shipping_policy.body != blank -%} {{ 'products.product.shipping_policy_html' | t: link: shop.shipping_policy.url }} {%- endif -%}

{%- assign product_form_installment_id = 'product-form-installment-' | append: section.id -%} {%- form 'product', product, id: product_form_installment_id, class: 'installment caption-large' -%} {{ form | payment_terms }} {%- endform -%}

{%- when 'inventory' -%}

{%- if product.selected_or_first_available_variant.inventory_management == 'shopify' -%} {%- if product.selected_or_first_available_variant.inventory_quantity > 0 -%} {%- if product.selected_or_first_available_variant.inventory_quantity <= block.settings.inventory_threshold -%} {%- if block.settings.show_inventory_quantity -%} {{- 'products.product.inventory_low_stock_show_count' | t: quantity: product.selected_or_first_available_variant.inventory_quantity -}} {%- else -%} {{- 'products.product.inventory_low_stock' | t -}} {%- endif -%} {%- else -%} {%- if block.settings.show_inventory_quantity -%} {{- 'products.product.inventory_in_stock_show_count' | t: quantity: product.selected_or_first_available_variant.inventory_quantity -}} {%- else -%} {{- 'products.product.inventory_in_stock' | t -}} {%- endif -%} {%- endif -%} {%- else -%} {%- if product.selected_or_first_available_variant.inventory_policy == 'continue' -%} {{- 'products.product.inventory_out_of_stock_continue_selling' | t -}} {%- else -%} {{- 'products.product.inventory_out_of_stock' | t -}} {%- endif -%} {%- endif -%} {%- endif -%}

{%- when 'description' -%} {%- if product.description != blank -%}

{%- endif -%} {%- when 'sku' -%}

{{ 'products.product.sku' | t }}: {{- product.selected_or_first_available_variant.sku -}}

{%- when 'custom_liquid' -%} {{ block.settings.custom_liquid }} {%- when 'collapsible_tab' -%}

{% render 'icon-accordion', icon: block.settings.icon %}

{{ block.settings.heading | default: block.settings.page.title | escape }}

{% render 'icon-caret' %}

{%- when 'quantity_selector' -%}

{% comment %} TODO: enable theme-check once `item_count_for_variant` is accepted as valid filter {% endcomment %} {% # theme-check-disable %} {%- assign cart_qty = cart | item_count_for_variant: product.selected_or_first_available_variant.id -%} {% # theme-check-enable %} {{ 'products.product.quantity.label' | t }} {%- render 'loading-spinner' -%} ( {{- 'products.product.quantity.in_cart_html' | t: quantity: cart_qty -}} )

{%- liquid assign volume_pricing_array = product.selected_or_first_available_variant.quantity_price_breaks | sort: 'quantity' | reverse assign current_qty_for_volume_pricing = cart_qty | plus: product.selected_or_first_available_variant.quantity_rule.min if cart_qty > 0 assign current_qty_for_volume_pricing = cart_qty | plus: product.selected_or_first_available_variant.quantity_rule.increment endif -%} {%- if product.quantity_price_breaks_configured? -%} {%- if product.selected_or_first_available_variant.quantity_price_breaks.size > 0 -%} {%- assign variant_price_compare = product.selected_or_first_available_variant.compare_at_price -%}

{%- if variant_price_compare -%}

{{ 'products.product.price.regular_price' | t }}: ~~{{ variant_price_compare | money_with_currency }}~~

{%- endif -%} {%- if current_qty_for_volume_pricing < volume_pricing_array.last.minimum_quantity -%} {%- assign variant_price = product.selected_or_first_available_variant.price | money_with_currency -%} {{- 'products.product.volume_pricing.price_at_each' | t: price: variant_price -}} {%- else -%} {%- for price_break in volume_pricing_array -%} {%- if current_qty_for_volume_pricing >= price_break.minimum_quantity -%} {%- assign price_break_price = price_break.price | money_with_currency -%} {{- 'products.product.volume_pricing.price_at_each' | t: price: price_break_price -}} {%- break -%} {%- endif -%} {%- endfor -%} {%- endif -%}

{%- else -%} {%- assign variant_price = product.selected_or_first_available_variant.price | money_with_currency -%} {%- assign variant_price_compare = product.selected_or_first_available_variant.compare_at_price -%}

{%- if variant_price_compare -%}

{{ 'products.product.price.regular_price' | t }}: ~~{{ variant_price_compare | money_with_currency }}~~
{{ 'products.product.price.sale_price' | t }}: {{- 'products.product.volume_pricing.price_at_each' | t: price: variant_price -}}

{%- else -%} {{- 'products.product.volume_pricing.price_at_each' | t: price: variant_price -}} {%- endif -%}

{%- endif -%} {%- endif -%}

{%- if product.selected_or_first_available_variant.quantity_rule.increment > 1 -%} {{- 'products.product.quantity.multiples_of' | t: quantity: product.selected_or_first_available_variant.quantity_rule.increment -}} {%- endif -%} {%- if product.selected_or_first_available_variant.quantity_rule.min > 1 -%} {{- 'products.product.quantity.minimum_of' | t: quantity: product.selected_or_first_available_variant.quantity_rule.min -}} {%- endif -%} {%- if product.selected_or_first_available_variant.quantity_rule.max != null -%} {{- 'products.product.quantity.maximum_of' | t: quantity: product.selected_or_first_available_variant.quantity_rule.max -}} {%- endif -%}

{%- if product.quantity_price_breaks_configured? -%} {%- if product.selected_or_first_available_variant.quantity_price_breaks.size > 0 -%} {{ 'products.product.volume_pricing.title' | t }}

{{ product.selected_or_first_available_variant.quantity_rule.min }}+ {%- assign price = product.selected_or_first_available_variant.price | money_with_currency -%} {{- 'sections.quick_order_list.each' | t: money: price -}}
{{- price_break.minimum_quantity -}} {{- 'sections.quick_order_list.each' | t: money: price_break_price -}}

{%- if product.selected_or_first_available_variant.quantity_price_breaks.size >= 3 -%} {%- endif -%} {%- endif -%} {%- endif -%}

{%- when 'popup' -%} {%- when 'share' -%} {% assign share_url = product.selected_variant.url | default: product.url | prepend: request.origin %} {% render 'share-button', block: block, share_link: share_url %} {%- when 'variant_picker' -%} {% render 'product-variant-picker', product: product, block: block, product_form_id: product_form_id %} {%- when 'buy_buttons' -%} {%- render 'buy-buttons', block: block, product: product, product_form_id: product_form_id, section_id: section.id, show_pickup_availability: true -%} {%- when 'rating' -%} {%- if product.metafields.reviews.rating.value != blank -%}

{% liquid assign rating_decimal = 0 assign decimal = product.metafields.reviews.rating.value.rating | modulo: 1 if decimal >= 0.3 and decimal <= 0.7 assign rating_decimal = 0.5 elsif decimal > 0.7 assign rating_decimal = 1 endif %}

{%- endif -%} {%- when 'complementary' -%} {%- if recommendations.performed and recommendations.products_count > 0 -%}

{%- if block.settings.make_collapsible_row -%}

{%- endif %}

{%- if block.settings.make_collapsible_row -%} {% render 'icon-accordion', icon: block.settings.icon %}

{%- else -%}

{%- endif -%}

{%- if block.settings.make_collapsible_row -%} {% render 'icon-caret' %}

{%- endif -%} {%- assign number_of_slides = recommendations.products_count | plus: 0.0 | divided_by: block.settings.products_per_page | ceil -%}

1 %} aria-label="{{ 'general.slider.name' | t }}" {% endif %} > {%- for i in (1..number_of_slides) -%}

1 %} aria-roledescription="{{ 'sections.slideshow.slide' | t }}" aria-label="{{ forloop.index }} {{ 'general.slider.of' | t }} {{ forloop.length }}" {% endif %} >

{% render 'card-product', card_product: product, media_aspect_ratio: block.settings.image_ratio, show_secondary_image: false, lazy_load: false, show_quick_add: block.settings.enable_quick_add, section_id: section.id, horizontal_class: true, horizontal_quick_add: true %}

{%- endfor -%}

{%- if number_of_slides > 1 -%}

{%- if block.settings.pagination_style == 'counter' -%} 1 {{ number_of_slides }} {%- else -%}

{%- for i in (1..number_of_slides) -%} {%- endfor -%}

{%- endif -%}

{%- endif -%} {%- if block.settings.make_collapsible_row -%}

{%- endif -%}

{%- endif -%} {{ 'component-card.css' | asset_url | stylesheet_tag }} {{ 'component-complementary-products.css' | asset_url | stylesheet_tag }} {%- if block.settings.enable_quick_add -%} {{ 'quick-add.css' | asset_url | stylesheet_tag }} {%- endif -%} {%- when 'icon-with-text' -%} {% render 'icon-with-text', block: block %} {%- endcase -%} {%- endfor -%} {{ 'products.product.view_full_details' | t }} {% render 'icon-arrow' %}

{%- if section.settings.media_position == 'right' -%} {% comment %} Duplicate gallery to display after product content on tablet/desktop breakpoint {% endcomment %}

{% render 'product-media-gallery', variant_images: variant_images, is_duplicate: true %}

{%- endif -%}

{% render 'product-media-modal', variant_images: variant_images %} {% assign popups = section.blocks | where: 'type', 'popup' %} {%- for block in popups -%} {%- endfor -%} {%- if product.media.size > 0 -%} {%- endif -%} {%- if first_3d_model -%} {%- endif -%} {%- liquid if product.selected_or_first_available_variant.featured_media assign seo_media = product.selected_or_first_available_variant.featured_media else assign seo_media = product.featured_media endif -%}

{{ product.title | escape }}

{{ product.title | escape }}

{{ block.settings.heading | default: block.settings.page.title | escape }}