Thank you greatly @LitExtension !
{{ 'section-main-product.css' | asset_url | stylesheet_tag }}
{{ 'component-accordion.css' | asset_url | stylesheet_tag }}
{{ 'component-price.css' | asset_url | stylesheet_tag }}
{{ 'component-rte.css' | asset_url | stylesheet_tag }}
{{ 'component-slider.css' | asset_url | stylesheet_tag }}
{{ 'component-rating.css' | asset_url | stylesheet_tag }}
{{ 'component-loading-overlay.css' | asset_url | stylesheet_tag }}
{{ 'component-deferred-media.css' | asset_url | stylesheet_tag }}
{%- style -%}
@media screen and (min-width: 750px) {
{%- assign first_3d_model = product.media | where: “media_type”, “model” | first -%}
{%- endif -%}
{{ "accessibility.skip_to_product_info" | t }}
{%- liquid
assign variant_images = product.images | where: 'attached_to_variant?', true | map: 'src'
assign media_count = product.media.size
if section.settings.hide_variants and media_count > 1
assign media_count = media_count | minus: variant_images.size | plus: 1
endif
if section.settings.media_size == ‘large’
{%- assign media_position = 1 -%}
{% render 'product-thumbnail', media: featured_media, position: media_position, loop: section.settings.enable_video_looping, modal_id: section.id, xr_button: true, media_width: media_width, lazy_load: false %}
{%- endif -%}
{%- for media in product.media -%}
{%- unless media.id == product.selected_or_first_available_variant.featured_media.id -%}
{%- liquid
assign media_position = media_position | default: 0 | plus: 1
assign lazy_load = false
if media_position > 1
assign lazy_load = true
endif
render 'product-thumbnail', media: media, position: media_position, loop: section.settings.enable_video_looping, modal_id: section.id, xr_button: true, media_width: media_width, lazy_load: lazy_load
-%}
{%- endunless -%}
{%- endfor -%}
{% render 'icon-caret' %}
1
/
{{ 'general.slider.of' | t }}
{{ media_count }}
{% render 'icon-caret' %}
{%- if first_3d_model -%}
{% render 'icon-3d-model' %}
{{ 'products.product.xr_button' | t }}
{%- endif -%}
{%- if media_count > 1 and section.settings.gallery_layout != 'stacked' or section.settings.mobile_thumbnails == 'show' -%}
{% render 'icon-caret' %}
{%- if featured_media != null -%}
{%- liquid
capture media_index
if featured_media.media_type == 'model'
increment model_index
elsif featured_media.media_type == 'video' or featured_media.media_type == 'external_video'
increment video_index
elsif featured_media.media_type == 'image'
increment image_index
endif
endcapture
assign media_index = media_index | plus: 1
-%}
{%- endif -%}
{%- for media in product.media -%}
{%- unless media.id == product.selected_or_first_available_variant.featured_media.id -%}
{%- liquid
capture media_index
if media.media_type == 'model'
increment model_index
elsif media.media_type == 'video' or media.media_type == 'external_video'
increment video_index
elsif media.media_type == 'image'
increment image_index
endif
endcapture
assign media_index = media_index | plus: 1
-%}
{%- if media.media_type == 'model' -%}
{%- render 'icon-3d-model' -%}
{%- elsif media.media_type == 'video' or media.media_type == 'external_video' -%}
{%- render 'icon-play' -%}
{%- endif -%}
{%- endunless -%}
{%- endfor -%}
{% render 'icon-caret' %}
{%- endif -%}
{%- assign product_form_id = 'product-form-' | append: section.id -%}
{%- for block in section.blocks -%}@app ’ -%}
{{- block.settings.text -}}
{%- when 'title' -%}
{%- when 'price' -%}
{%- render 'price', product: product, use_variant: true, show_badges: true, price_class: 'price--large' -%}
{%- if shop.taxes_included or shop.shipping_policy.body != blank -%}
{%- if shop.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 -%}
{%- 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 'description' -%}
{%- if product.description != blank -%}
{{ product.description }}
{%- endif -%}
{%- 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 }}
{% render 'icon-caret' %}
{{ block.settings.content }}
{{ block.settings.page.content }}
{%- when 'quantity_selector' -%}
{{ 'products.product.quantity.label' | t }}
{{ 'products.product.quantity.decrease' | t: product: product.title | escape }}
{% render 'icon-minus' %}
{{ 'products.product.quantity.increase' | t: product: product.title | escape }}
{% render 'icon-plus' %}
{%- when 'popup' -%}
{{ block.settings.text | default: block.settings.page.title }}
{{ block.settings.text }}
{%- when 'share' -%}
{% render 'icon-share' %}
{{ block.settings.share_label | escape }}
{% render 'icon-share' %}
{{ block.settings.share_label | escape }}
{{ 'general.share.share_url' | t }}
{% render 'icon-close' %}
{{ 'general.share.close' | t }}
{% render 'icon-clipboard' %}
{{ 'general.share.copy_to_clipboard' | t }}
{%- when 'variant_picker' -%}
{%- unless product.has_only_default_variant -%}
{%- if block.settings.picker_type == 'button' -%}
{%- for option in product.options_with_values -%}
{{ option.name }}
{%- for value in option.values -%}
{{ value }}
{%- endfor -%}
{%- endfor -%}
{%- else -%}
{%- for option in product.options_with_values -%}
{{ option.name }}
{%- for value in option.values -%}
{{ value }}
{%- endfor -%}
{% render 'icon-caret' %}
{%- endfor -%}
{%- endif -%}
{%- endunless -%}
{{ 'products.product.product_variants' | t }}
{%- for variant in product.variants -%}
{{ variant.title }}
{%- if variant.available == false %} - {{ 'products.product.sold_out' | t }}{% endif %}
- {{ variant.price | money | strip_html }}
{%- endfor -%}
{% render 'icon-caret' %}
{%- when 'buy_buttons' -%}
{%- form ‘product’, product, id: product_form_id, class: ‘form’, novalidate: ‘novalidate’, data-type: ‘add-to-cart-form’ -%}
{%- if product.selected_or_first_available_variant.available -%}
{{ 'products.product.add_to_cart' | t }}
{%- else -%}
{{ 'products.product.sold_out' | t }}
{%- endif -%}
{%- if block.settings.show_dynamic_checkout -%}
{{ form | payment_button }}
{%- endif -%}
{%- endform -%}
{% comment %} Amazon Button {% endcomment %}
{% endif %}
{% endfor %}
{{ ‘component-pickup-availability.css’ | asset_url | stylesheet_tag }}
{%- assign pick_up_availabilities = product.selected_or_first_available_variant.store_availabilities | where: ‘pick_up_enabled’, true -%}
<pickup-availability class=“product__pickup-availabilities no-js-hidden quick-add-hidden”
{% render 'icon-unavailable' %}
{{ 'products.product.pickup_availability.unavailable' | t }}
{{ 'products.product.pickup_availability.refresh' | t }}
{%- when ‘rating’ -%}
{{ product.metafields.reviews.rating.value }} / {{ product.metafields.reviews.rating.value.scale_max }}
({{ product.metafields.reviews.rating_count }})
{{ product.metafields.reviews.rating_count }} {{ "accessibility.total_reviews" | t }}
{%- endif -%}
{%- endcase -%}
{%- endfor -%}
{{ 'products.product.view_full_details' | t }}
{% render 'icon-arrow' %}
{% render 'icon-close' %}
{%- liquid
if product.selected_or_first_available_variant.featured_media != null
assign media = product.selected_or_first_available_variant.featured_media
render 'product-media', media: media, loop: section.settings.enable_video_looping, variant_image: section.settings.hide_variants
endif
-%}
{%- for media in product.media -%}
unless media.id == product.selected_or_first_available_variant.featured_media.id
{% assign popups = section.blocks | where: “type”, “popup” %}
{% render 'icon-close' %}
{{ block.settings.page.title }}
{{ block.settings.page.content }}
{%- endfor -%}
{%- if product.media.size > 0 -%}
{%- endif -%}
{%- if first_3d_model -%}
{%- endif -%}
{%- liquid
{% schema %}@app ”
