Moving the Price or adding a container - Theme Dawn

[Daniel19981]

Can someone please help me, move the Price from above the colors to align left of the quantity option in Theme Dawn? https://bonbaby.de/products/silikon-babygeschirr-set PW.bobo

Or better, help me get a point out Price Container, like in the picture?

Thanks in regard.

[LitExtension]

Hi @Daniel19981 ,

Please send me the code of sections > main-product.liquid file, I will help you to check and change it

[Daniel19981]

{% comment %}theme-check-disable TemplateLength{% endcomment %}
{{ ‘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 }}

{%- 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 -%}

{%- assign first_3d_model = product.media | where: “media_type”, “model” | first -%}
{%- if first_3d_model -%}
{{ ‘component-product-model.css’ | asset_url | stylesheet_tag }}

{%- 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 assign media_count = media_count | minus: variant_images.size | plus: 1 endif

if section.settings.media_size == ‘large’
assign media_width = 0.65
elsif section.settings.media_size == ‘medium’
assign media_width = 0.55
elsif section.settings.media_size == ‘small’
assign media_width = 0.45
endif
-%}
{%- if product.selected_or_first_available_variant.featured_media != null -%}
{%- assign featured_media = product.selected_or_first_available_variant.featured_media -%}

• {%- 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 -%}
• {%- assign media_position = media_position | default: 0 | plus: 1 -%} {% 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: true %}
{%- 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 -%} {%- 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 -%} {%- 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 -%}
{%- case block.type -%}
{%- when ‘@app’ -%}
{% render block %}
{%- when ‘text’ -%}

{{- block.settings.text -}}

{%- when 'title' -%}

{{ product.title | escape }}

{% comment %}Start automatically added Judge.me widget{% endcomment %}

{% render 'judgeme_widgets', widget_type: 'judgeme_preview_badge', concierge_install: true, product: product %}

{% comment %}End automatically added Judge.me widget{% endcomment %}

{%- 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 -%}

{%- form 'product', product, id: 'product-form-installment', 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 -%}

{{ ‘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”
{% if product.selected_or_first_available_variant.available and pick_up_availabilities.size > 0 %} available{% endif %}
data-root-url=“{{ routes.root_url }}”
data-variant-id=“{{ product.selected_or_first_available_variant.id }}”
data-has-only-default-variant=“{{ product.has_only_default_variant }}”

{% render 'icon-unavailable' %}

{{ 'products.product.pickup_availability.unavailable' | t }}

{{ 'products.product.pickup_availability.refresh' | t }}

{%- 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
%}

{{ 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 -%}

{% 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 -%}
{%- liquid
if section.settings.hide_variants and variant_images contains media.src
assign variant_image = true
else
assign variant_image = false
endif

unless media.id == product.selected_or_first_available_variant.featured_media.id
render ‘product-media’, media: media, loop: section.settings.enable_video_looping, variant_image: variant_image
endunless
-%}
{%- endfor -%}

{% assign popups = section.blocks | where: “type”, “popup” %}
{%- for block in popups -%}
<modal-dialog id=“PopupModal-{{ block.id }}” class=“product-popup-modal” {{ block.shopify_attributes }}>

{% render 'icon-close' %}

{{ block.settings.page.title }}

{{ block.settings.page.content }}

{%- endfor -%}

{% javascript %}
class ProductModal extends ModalDialog {
constructor() {
super();
}

hide() {
super.hide();
}

show(opener) {
super.show(opener);
this.showActiveMedia();
}

showActiveMedia() {
this.querySelectorAll([data-media-id]:not([data-media-id="${this.openedBy.getAttribute("data-media-id")}"])).forEach((element) => {
element.classList.remove(‘active’);
}
)
const activeMedia = this.querySelector([data-media-id="${this.openedBy.getAttribute("data-media-id")}"]);
const activeMediaTemplate = activeMedia.querySelector(‘template’);
const activeMediaContent = activeMediaTemplate ? activeMediaTemplate.content : null;
activeMedia.classList.add(‘active’);
activeMedia.scrollIntoView();

const container = this.querySelector(‘[role=“document”]’);
container.scrollLeft = (activeMedia.width - container.clientWidth) / 2;

if (activeMedia.nodeName == ‘DEFERRED-MEDIA’ && activeMediaContent && activeMediaContent.querySelector(‘.js-youtube’))
activeMedia.loadContent();
}
}

if (!customElements.get(‘product-modal’)) customElements.define(‘product-modal’, ProductModal);
{% endjavascript %}

{% 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
-%}

{% schema %}
{
“name”: “t:sections.main-product.name”,
“tag”: “section”,
“class”: “section”,
“blocks”: [
{
“type”: “@app”
},
{
“type”: “text”,
“name”: “t:sections.main-product.blocks.text.name”,
“settings”: [
{
“type”: “text”,
“id”: “text”,
“default”: “Text block”,
“label”: “t:sections.main-product.blocks.text.settings.text.label”
},
{
“type”: “select”,
“id”: “text_style”,
“options”: [
{
“value”: “body”,
“label”: “t:sections.main-product.blocks.text.settings.text_style.options__1.label”
},
{
“value”: “subtitle”,
“label”: “t:sections.main-product.blocks.text.settings.text_style.options__2.label”
},
{
“value”: “uppercase”,
“label”: “t:sections.main-product.blocks.text.settings.text_style.options__3.label”
}
],
“default”: “body”,
“label”: “t:sections.main-product.blocks.text.settings.text_style.label”
}
]
},
{
“type”: “title”,
“name”: “t:sections.main-product.blocks.title.name”,
“limit”: 1
},
{
“type”: “price”,
“name”: “t:sections.main-product.blocks.price.name”,
“limit”: 1
},
{
“type”: “quantity_selector”,
“name”: “t:sections.main-product.blocks.quantity_selector.name”,
“limit”: 1
},
{
“type”: “variant_picker”,
“name”: “t:sections.main-product.blocks.variant_picker.name”,
“limit”: 1,
“settings”: [
{
“type”: “select”,
“id”: “picker_type”,
“options”: [
{
“value”: “dropdown”,
“label”: “t:sections.main-product.blocks.variant_picker.settings.picker_type.options__1.label”
},
{
“value”: “button”,
“label”: “t:sections.main-product.blocks.variant_picker.settings.picker_type.options__2.label”
}
],
“default”: “button”,
“label”: “t:sections.main-product.blocks.variant_picker.settings.picker_type.label”
}
]
},
{
“type”: “buy_buttons”,
“name”: “t:sections.main-product.blocks.buy_buttons.name”,
“limit”: 1,
“settings”: [
{
“type”: “checkbox”,
“id”: “show_dynamic_checkout”,
“default”: true,
“label”: “t:sections.main-product.blocks.buy_buttons.settings.show_dynamic_checkout.label”,
“info”: “t:sections.main-product.blocks.buy_buttons.settings.show_dynamic_checkout.info”
}
]
},
{
“type”: “description”,
“name”: “t:sections.main-product.blocks.description.name”,
“limit”: 1
},
{
“type”: “share”,
“name”: “t:sections.main-product.blocks.share.name”,
“limit”: 1,
“settings”: [
{
“type”: “text”,
“id”: “share_label”,
“label”: “t:sections.main-product.blocks.share.settings.text.label”,
“default”: “Share”
},
{
“type”: “paragraph”,
“content”: “t:sections.main-product.blocks.share.settings.featured_image_info.content”
},
{
“type”: “paragraph”,
“content”: “t:sections.main-product.blocks.share.settings.title_info.content”
}
]
},
{
“type”: “custom_liquid”,
“name”: “t:sections.main-product.blocks.custom_liquid.name”,
“settings”: [
{
“type”: “liquid”,
“id”: “custom_liquid”,
“label”: “t:sections.main-product.blocks.custom_liquid.settings.custom_liquid.label”,
“info”: “t:sections.main-product.blocks.custom_liquid.settings.custom_liquid.info”
}
]
},
{
“type”: “collapsible_tab”,
“name”: “t:sections.main-product.blocks.collapsible_tab.name”,
“settings”: [
{
“type”: “text”,
“id”: “heading”,
“default”: “Collapsible row”,
“info”: “t:sections.main-product.blocks.collapsible_tab.settings.heading.info”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.heading.label”
},
{
“type”: “select”,
“id”: “icon”,
“options”: [
{
“value”: “none”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__1.label”
},
{
“value”: “apple”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__2.label”
},
{
“value”: “banana”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__3.label”
},
{
“value”: “bottle”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__4.label”
},
{
“value”: “box”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__5.label”
},
{
“value”: “carrot”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__6.label”
},
{
“value”: “chat_bubble”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__7.label”
},
{
“value”: “check_mark”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__8.label”
},
{
“value”: “clipboard”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__9.label”
},
{
“value”: “dairy”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__10.label”
},
{
“value”: “dairy_free”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__11.label”
},
{
“value”: “dryer”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__12.label”
},
{
“value”: “eye”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__13.label”
},
{
“value”: “fire”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__14.label”
},
{
“value”: “gluten_free”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__15.label”
},
{
“value”: “heart”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__16.label”
},
{
“value”: “iron”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__17.label”
},
{
“value”: “leaf”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__18.label”
},
{
“value”: “leather”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__19.label”
},
{
“value”: “lightning_bolt”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__20.label”
},
{
“value”: “lipstick”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__21.label”
},
{
“value”: “lock”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__22.label”
},
{
“value”: “map_pin”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__23.label”
},
{
“value”: “nut_free”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__24.label”
},
{
“value”: “pants”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__25.label”
},
{
“value”: “paw_print”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__26.label”
},
{
“value”: “pepper”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__27.label”
},
{
“value”: “perfume”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__28.label”
},
{
“value”: “plane”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__29.label”
},
{
“value”: “plant”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__30.label”
},
{
“value”: “price_tag”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__31.label”
},
{
“value”: “question_mark”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__32.label”
},
{
“value”: “recycle”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__33.label”
},
{
“value”: “return”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__34.label”
},
{
“value”: “ruler”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__35.label”
},
{
“value”: “serving_dish”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__36.label”
},
{
“value”: “shirt”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__37.label”
},
{
“value”: “shoe”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__38.label”
},
{
“value”: “silhouette”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__39.label”
},
{
“value”: “snowflake”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__40.label”
},
{
“value”: “star”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__41.label”
},
{
“value”: “stopwatch”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__42.label”
},
{
“value”: “truck”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__43.label”
},
{
“value”: “washing”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.options__44.label”
}
],
“default”: “check_mark”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.icon.label”
},
{
“type”: “richtext”,
“id”: “content”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.content.label”
},
{
“type”: “page”,
“id”: “page”,
“label”: “t:sections.main-product.blocks.collapsible_tab.settings.page.label”
}
]
},
{
“type”: “popup”,
“name”: “t:sections.main-product.blocks.popup.name”,
“settings”: [
{
“type”: “text”,
“id”: “text”,
“default”: “Pop-up link text”,
“label”: “t:sections.main-product.blocks.popup.settings.link_label.label”
},
{
“id”: “page”,
“type”: “page”,
“label”: “t:sections.main-product.blocks.popup.settings.page.label”
}
]
},
{
“type”: “rating”,
“name”: “t:sections.main-product.blocks.rating.name”,
“limit”: 1,
“settings”: [
{
“type”: “paragraph”,
“content”: “t:sections.main-product.blocks.rating.settings.paragraph.content”
}
]
}
],
“settings”: [
{
“type”: “checkbox”,
“id”: “enable_sticky_info”,
“default”: true,
“label”: “t:sections.main-product.settings.enable_sticky_info.label”
},
{
“type”: “header”,
“content”: “t:sections.main-product.settings.header.content”,
“info”: “t:sections.main-product.settings.header.info”
},
{
“type”: “select”,
“id”: “gallery_layout”,
“options”: [
{
“value”: “stacked”,
“label”: “t:sections.main-product.settings.gallery_layout.options__1.label”
},
{
“value”: “thumbnail”,
“label”: “t:sections.main-product.settings.gallery_layout.options__2.label”
},
{
“value”: “thumbnail_slider”,
“label”: “t:sections.main-product.settings.gallery_layout.options__3.label”
}
],
“default”: “stacked”,
“label”: “t:sections.main-product.settings.gallery_layout.label”
},
{
“type”: “select”,
“id”: “media_size”,
“options”: [
{
“value”: “small”,
“label”: “t:sections.main-product.settings.media_size.options__1.label”
},
{
“value”: “medium”,
“label”: “t:sections.main-product.settings.media_size.options__2.label”
},
{
“value”: “large”,
“label”: “t:sections.main-product.settings.media_size.options__3.label”
}
],
“default”: “large”,
“label”: “t:sections.main-product.settings.media_size.label”,
“info”: “t:sections.main-product.settings.media_size.info”
},
{
“type”: “select”,
“id”: “mobile_thumbnails”,
“options”: [
{
“value”: “show”,
“label”: “t:sections.main-product.settings.mobile_thumbnails.options__1.label”
},
{
“value”: “hide”,
“label”: “t:sections.main-product.settings.mobile_thumbnails.options__2.label”
}
],
“default”: “hide”,
“label”: “t:sections.main-product.settings.mobile_thumbnails.label”
},
{
“type”: “checkbox”,
“id”: “hide_variants”,
“default”: false,
“label”: “t:sections.main-product.settings.hide_variants.label”
},
{
“type”: “checkbox”,
“id”: “enable_video_looping”,
“default”: false,
“label”: “t:sections.main-product.settings.enable_video_looping.label”
},
{
“type”: “header”,
“content”: “t:sections.all.padding.section_padding_heading”
},
{
“type”: “range”,
“id”: “padding_top”,
“min”: 0,
“max”: 100,
“step”: 4,
“unit”: “px”,
“label”: “t:sections.all.padding.padding_top”,
“default”: 36
},
{
“type”: “range”,
“id”: “padding_bottom”,
“min”: 0,
“max”: 100,
“step”: 4,
“unit”: “px”,
“label”: “t:sections.all.padding.padding_bottom”,
“default”: 36
}
]
}
{% endschema %}

[LitExtension]

Hi @Daniel19981 ,

Please change all code:

{% comment %}theme-check-disable TemplateLength{% endcomment %}
{{ '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 }}

{%- 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 -%}

{%- assign first_3d_model = product.media | where: "media_type", "model" | first -%}
{%- if first_3d_model -%}
{{ 'component-product-model.css' | asset_url | stylesheet_tag }}

{%- endif -%}

  {% javascript %}
  class ProductModal extends ModalDialog {
  constructor() {
  super();
  }

  hide() {
  super.hide();
  }

  show(opener) {
  super.show(opener);
  this.showActiveMedia();
  }

  showActiveMedia() {
  this.querySelectorAll(`[data-media-id]:not([data-media-id="${this.openedBy.getAttribute("data-media-id")}"])`).forEach((element) => {
  element.classList.remove('active');
  }
  )
  const activeMedia = this.querySelector(`[data-media-id="${this.openedBy.getAttribute("data-media-id")}"]`);
  const activeMediaTemplate = activeMedia.querySelector('template');
  const activeMediaContent = activeMediaTemplate ? activeMediaTemplate.content : null;
  activeMedia.classList.add('active');
  activeMedia.scrollIntoView();

  const container = this.querySelector('[role="document"]');
  container.scrollLeft = (activeMedia.width - container.clientWidth) / 2;

  if (activeMedia.nodeName == 'DEFERRED-MEDIA' && activeMediaContent && activeMediaContent.querySelector('.js-youtube'))
  activeMedia.loadContent();
  }
  }

  if (!customElements.get('product-modal')) customElements.define('product-modal', ProductModal);
  {% endjavascript %}

  {% 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
-%}

  

  {% schema %}
  {
  "name": "t:sections.main-product.name",
  "tag": "section",
  "class": "section",
  "blocks": [
  {
  "type": "@app"
  },
  {
  "type": "text",
  "name": "t:sections.main-product.blocks.text.name",
  "settings": [
  {
  "type": "text",
  "id": "text",
  "default": "Text block",
  "label": "t:sections.main-product.blocks.text.settings.text.label"
  },
  {
  "type": "select",
  "id": "text_style",
  "options": [
  {
  "value": "body",
  "label": "t:sections.main-product.blocks.text.settings.text_style.options__1.label"
  },
  {
  "value": "subtitle",
  "label": "t:sections.main-product.blocks.text.settings.text_style.options__2.label"
  },
  {
  "value": "uppercase",
  "label": "t:sections.main-product.blocks.text.settings.text_style.options__3.label"
  }
  ],
  "default": "body",
  "label": "t:sections.main-product.blocks.text.settings.text_style.label"
  }
  ]
  },
  {
  "type": "title",
  "name": "t:sections.main-product.blocks.title.name",
  "limit": 1
  },
  {
  "type": "price",
  "name": "t:sections.main-product.blocks.price.name",
  "limit": 1
  },
  {
  "type": "quantity_selector",
  "name": "t:sections.main-product.blocks.quantity_selector.name",
  "limit": 1
  },
  {
  "type": "variant_picker",
  "name": "t:sections.main-product.blocks.variant_picker.name",
  "limit": 1,
  "settings": [
  {
  "type": "select",
  "id": "picker_type",
  "options": [
  {
  "value": "dropdown",
  "label": "t:sections.main-product.blocks.variant_picker.settings.picker_type.options__1.label"
  },
  {
  "value": "button",
  "label": "t:sections.main-product.blocks.variant_picker.settings.picker_type.options__2.label"
  }
  ],
  "default": "button",
  "label": "t:sections.main-product.blocks.variant_picker.settings.picker_type.label"
  }
  ]
  },
  {
  "type": "buy_buttons",
  "name": "t:sections.main-product.blocks.buy_buttons.name",
  "limit": 1,
  "settings": [
  {
  "type": "checkbox",
  "id": "show_dynamic_checkout",
  "default": true,
  "label": "t:sections.main-product.blocks.buy_buttons.settings.show_dynamic_checkout.label",
  "info": "t:sections.main-product.blocks.buy_buttons.settings.show_dynamic_checkout.info"
  }
  ]
  },
  {
  "type": "description",
  "name": "t:sections.main-product.blocks.description.name",
  "limit": 1
  },
  {
  "type": "share",
  "name": "t:sections.main-product.blocks.share.name",
  "limit": 1,
  "settings": [
  {
  "type": "text",
  "id": "share_label",
  "label": "t:sections.main-product.blocks.share.settings.text.label",
  "default": "Share"
  },
  {
  "type": "paragraph",
  "content": "t:sections.main-product.blocks.share.settings.featured_image_info.content"
  },
  {
  "type": "paragraph",
  "content": "t:sections.main-product.blocks.share.settings.title_info.content"
  }
  ]
  },
  {
  "type": "custom_liquid",
  "name": "t:sections.main-product.blocks.custom_liquid.name",
  "settings": [
  {
  "type": "liquid",
  "id": "custom_liquid",
  "label": "t:sections.main-product.blocks.custom_liquid.settings.custom_liquid.label",
  "info": "t:sections.main-product.blocks.custom_liquid.settings.custom_liquid.info"
  }
  ]
  },
  {
  "type": "collapsible_tab",
  "name": "t:sections.main-product.blocks.collapsible_tab.name",
  "settings": [
  {
  "type": "text",
  "id": "heading",
  "default": "Collapsible row",
  "info": "t:sections.main-product.blocks.collapsible_tab.settings.heading.info",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.heading.label"
  },
  {
  "type": "select",
  "id": "icon",
  "options": [
  {
  "value": "none",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__1.label"
  },
  {
  "value": "apple",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__2.label"
  },
  {
  "value": "banana",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__3.label"
  },
  {
  "value": "bottle",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__4.label"
  },
  {
  "value": "box",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__5.label"
  },
  {
  "value": "carrot",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__6.label"
  },
  {
  "value": "chat_bubble",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__7.label"
  },
  {
  "value": "check_mark",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__8.label"
  },
  {
  "value": "clipboard",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__9.label"
  },
  {
  "value": "dairy",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__10.label"
  },
  {
  "value": "dairy_free",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__11.label"
  },
  {
  "value": "dryer",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__12.label"
  },
  {
  "value": "eye",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__13.label"
  },
  {
  "value": "fire",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__14.label"
  },
  {
  "value": "gluten_free",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__15.label"
  },
  {
  "value": "heart",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__16.label"
  },
  {
  "value": "iron",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__17.label"
  },
  {
  "value": "leaf",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__18.label"
  },
  {
  "value": "leather",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__19.label"
  },
  {
  "value": "lightning_bolt",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__20.label"
  },
  {
  "value": "lipstick",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__21.label"
  },
  {
  "value": "lock",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__22.label"
  },
  {
  "value": "map_pin",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__23.label"
  },
  {
  "value": "nut_free",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__24.label"
  },
  {
  "value": "pants",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__25.label"
  },
  {
  "value": "paw_print",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__26.label"
  },
  {
  "value": "pepper",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__27.label"
  },
  {
  "value": "perfume",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__28.label"
  },
  {
  "value": "plane",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__29.label"
  },
  {
  "value": "plant",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__30.label"
  },
  {
  "value": "price_tag",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__31.label"
  },
  {
  "value": "question_mark",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__32.label"
  },
  {
  "value": "recycle",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__33.label"
  },
  {
  "value": "return",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__34.label"
  },
  {
  "value": "ruler",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__35.label"
  },
  {
  "value": "serving_dish",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__36.label"
  },
  {
  "value": "shirt",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__37.label"
  },
  {
  "value": "shoe",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__38.label"
  },
  {
  "value": "silhouette",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__39.label"
  },
  {
  "value": "snowflake",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__40.label"
  },
  {
  "value": "star",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__41.label"
  },
  {
  "value": "stopwatch",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__42.label"
  },
  {
  "value": "truck",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__43.label"
  },
  {
  "value": "washing",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.options__44.label"
  }
  ],
  "default": "check_mark",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.icon.label"
  },
  {
  "type": "richtext",
  "id": "content",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.content.label"
  },
  {
  "type": "page",
  "id": "page",
  "label": "t:sections.main-product.blocks.collapsible_tab.settings.page.label"
  }
  ]
  },
  {
  "type": "popup",
  "name": "t:sections.main-product.blocks.popup.name",
  "settings": [
  {
  "type": "text",
  "id": "text",
  "default": "Pop-up link text",
  "label": "t:sections.main-product.blocks.popup.settings.link_label.label"
  },
  {
  "id": "page",
  "type": "page",
  "label": "t:sections.main-product.blocks.popup.settings.page.label"
  }
  ]
  },
  {
  "type": "rating",
  "name": "t:sections.main-product.blocks.rating.name",
  "limit": 1,
  "settings": [
  {
  "type": "paragraph",
  "content": "t:sections.main-product.blocks.rating.settings.paragraph.content"
  }
  ]
  }
  ],
  "settings": [
  {
  "type": "checkbox",
  "id": "enable_sticky_info",
  "default": true,
  "label": "t:sections.main-product.settings.enable_sticky_info.label"
  },
  {
  "type": "header",
  "content": "t:sections.main-product.settings.header.content",
  "info": "t:sections.main-product.settings.header.info"
  },
  {
  "type": "select",
  "id": "gallery_layout",
  "options": [
  {
  "value": "stacked",
  "label": "t:sections.main-product.settings.gallery_layout.options__1.label"
  },
  {
  "value": "thumbnail",
  "label": "t:sections.main-product.settings.gallery_layout.options__2.label"
  },
  {
  "value": "thumbnail_slider",
  "label": "t:sections.main-product.settings.gallery_layout.options__3.label"
  }
  ],
  "default": "stacked",
  "label": "t:sections.main-product.settings.gallery_layout.label"
  },
  {
  "type": "select",
  "id": "media_size",
  "options": [
  {
  "value": "small",
  "label": "t:sections.main-product.settings.media_size.options__1.label"
  },
  {
  "value": "medium",
  "label": "t:sections.main-product.settings.media_size.options__2.label"
  },
  {
  "value": "large",
  "label": "t:sections.main-product.settings.media_size.options__3.label"
  }
  ],
  "default": "large",
  "label": "t:sections.main-product.settings.media_size.label",
  "info": "t:sections.main-product.settings.media_size.info"
  },
  {
  "type": "select",
  "id": "mobile_thumbnails",
  "options": [
  {
  "value": "show",
  "label": "t:sections.main-product.settings.mobile_thumbnails.options__1.label"
  },
  {
  "value": "hide",
  "label": "t:sections.main-product.settings.mobile_thumbnails.options__2.label"
  }
  ],
  "default": "hide",
  "label": "t:sections.main-product.settings.mobile_thumbnails.label"
  },
  {
  "type": "checkbox",
  "id": "hide_variants",
  "default": false,
  "label": "t:sections.main-product.settings.hide_variants.label"
  },
  {
  "type": "checkbox",
  "id": "enable_video_looping",
  "default": false,
  "label": "t:sections.main-product.settings.enable_video_looping.label"
  },
  {
  "type": "header",
  "content": "t:sections.all.padding.section_padding_heading"
  },
  {
  "type": "range",
  "id": "padding_top",
  "min": 0,
  "max": 100,
  "step": 4,
  "unit": "px",
  "label": "t:sections.all.padding.padding_top",
  "default": 36
  },
  {
  "type": "range",
  "id": "padding_bottom",
  "min": 0,
  "max": 100,
  "step": 4,
  "unit": "px",
  "label": "t:sections.all.padding.padding_bottom",
  "default": 36
  }
  ]
  }
  {% endschema %}

Hope it helps!