Prestige Theme - Move Content Tabs to the right side of the product page

[TiagoSilva23]

Hello,

Im working with the Prestige Theme and would like to move the Content Tabs ( as shown in the example picture) from left to the right side below the Text/Sales Button. And appears a “more information tab” without interaction too and i dont know why.

In the iphone looks good in the bottom but on desktop dont. How can we edit this in the Code Editor or is there another way as the left side seems to be the Standard Alignment.

Thanks so much and have a great week.

[dmwwebartisan]

@TiagoSilva23

Please share your store URL!

Thanks!

[TiagoSilva23]

https://redhouse-7283.myshopify.com

[dmwwebartisan]

@TiagoSilva23

Please share sections/main_product.liquid file code.

Thanks!

[TiagoSilva23]

how can i do that?

[dmwwebartisan]

@TiagoSilva23

How to access files in the Shopify code editor

1. Step 1: Go to your Themes page. Navigate to Online Store > Themes. …
2. Step 2: Click Edit code. In the Actions dropdown menu, click on Edit code to get to the code editor.
3. Step 3: Find the sections folder for the main_product.liquid file.

[TiagoSilva23]

{%- assign meta_block = section.blocks | where: ‘type’, ‘product_meta’ | first -%}
{%- assign share_buttons_block = section.blocks | where: ‘type’, ‘share_buttons’ | first -%}
{%- assign inventory_block = section.blocks | where: ‘type’, ‘inventory’ | first -%}
{%- assign buy_buttons_block = section.blocks | where: ‘type’, ‘buy_buttons’ | first -%}

{%- capture section_settings -%}
{
“enableHistoryState”: true,
“templateSuffix”: {{ product.template_suffix | json }},
“showInventoryQuantity”: {% if inventory_block != blank %}true{% else %}false{% endif %},
“showSku”: {{ meta_block.settings.show_sku | json }},
“stackProductImages”: {{ section.settings.stack_images | json }},
“showThumbnails”: {{ section.settings.show_thumbnails | json }},
“enableVideoLooping”: {{ section.settings.enable_video_looping | json }},
“inventoryQuantityThreshold”: {{ inventory_block.settings.inventory_quantity_threshold | default: 0 }},
“showPriceInButton”: {{ buy_buttons_block.settings.show_price_in_button | json }},
“enableImageZoom”: {{ section.settings.enable_image_zoom | json }},
“showPaymentButton”: {{ buy_buttons_block.settings.show_payment_button | json }},
“useAjaxCart”: {% if settings.cart_type == ‘drawer’ %}true{% else %}false{% endif %}
}
{%- endcapture -%}

{%- capture action_list_items -%} {%- if section.settings.enable_image_zoom -%}

{% render 'icon' with 'plus' %}

{%- endif -%}

{%- if share_buttons_block != blank -%}

{% render 'icon' with 'share' %} {% render 'icon' with 'close' %}

{%- assign share_url = shop.url | append: product.url -%}
{%- assign twitter_text = product.title -%}
{%- assign pinterest_description = product.description | strip_html | truncatewords: 15 | url_param_escape -%}
{%- assign pinterest_image = product.featured_media | img_url: ‘1024x’ | prepend: ‘https:’ -%}

{%- render 'icon' with 'facebook' -%} Facebook {%- render 'icon' with 'pinterest' -%} Pinterest {%- render 'icon' with 'twitter' -%} Twitter

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

{%- comment -%}

PRODUCT GALLERY

{%- endcomment -%}

{%- assign initial_media_id = product.featured_media.id -%}
{%- assign initial_media_index = 0 -%}
{%- assign media_count = 0 -%}

{%- capture slideshow_media -%}
{%- for media in product.media -%}
{%- if product.selected_variant and media.id == product.selected_variant.featured_media.id -%}
{%- assign initial_media_index = media_count -%}
{%- assign initial_media_id = media.id -%}
{%- endif -%}

{%- capture supported_sizes -%}{%- render ‘image-size’, sizes: ‘200,400,600,700,800,900,1000,1200,1400,1600’, image: media -%}{%- endcapture -%}

{%- case media.media_type -%}
{%- when ‘image’ -%}

{% assign image_url = media | img_url: '1x1' | replace: '_1x1.', '_{width}x.' %}

{%- when ‘external_video’ -%}

{{- media | external_video_tag: image_size: '1024x' -}}

{%- when ‘video’ -%}

{{- media | video_tag: image_size: '1024x', controls: true -}}

{%- when ‘model’ -%}

{{- media | model_viewer_tag: image_size: '1024x', reveal: 'interaction', toggleable: true -}}

{%- endcase -%}

{%- assign media_count = media_count | plus: 1 -%}
{%- endfor -%}
{%- endcapture -%}

{%- if product.media.size > 0 -%}

{%- if action_list_items != blank -%}

{{ action_list_items }}

{%- endif -%}

{%- capture slideshow_nav -%}
{%- if media_count > 1 -%}
{%- if section.settings.show_thumbnails -%}

{%- for media in product.media -%} {%- capture nav_item_badge -%} {%- case media.media_type -%} {%- when 'model' -%} {% render 'icon', icon: 'media-model-badge' %}

{%- when ‘video’ or ‘external_video’ -%}
{% render ‘icon’, icon: ‘media-video-badge’ %}
{%- endcase -%}
{%- endcapture -%}

{%- if section.settings.stack_images -%}


{{- nav_item_badge -}}

{%- else -%}


{{- nav_item_badge -}}

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

{%- endif -%}

{%- if section.settings.stack_images -%}

{%- for media in product.media -%} {%- endfor -%}

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

{%- if section.settings.stack_images -%}
{{- slideshow_nav -}}
{%- endif -%}

{%- capture flickity_options -%}
{
“prevNextButtons”: false,
“pageDots”: false,
“adaptiveHeight”: true,
“watchCSS”: true,
“dragThreshold”: 8,
“initialIndex”: {{ initial_media_index }},
“arrowShape”: {“x0”: 20, “x1”: 60, “y1”: 40, “x2”: 60, “y2”: 35, “x3”: 25}
}
{%- endcapture -%}

{{ slideshow_media }}

{%- comment -%}Add the “view in your space” button, which allows to show the product in customer’s environment (if the device supports it){%- endcomment -%}
{%- assign first_3d_model = product.media | where: ‘media_type’, ‘model’ | first -%}

{%- if first_3d_model -%}

{%- render ‘icon’, icon: ‘media-view-in-space’ -%} {{- ‘product.general.view_in_space’ | t -}}

{%- endif -%}

{%- if media_count > 1 -%}
{%- comment -%}
IMPLEMENTATION NOTE: The reason we create ourselves our own UI instead of relying of the built-in feature of Flickity is that,
since the media API, Shopify requires to add arrows next to the dot. Unfortunately this layout is not
achievable easily using Flickity options only, so we have to run our own
{%- endcomment -%}

{% render 'icon' with 'media-arrow-left' %}

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

{% render 'icon' with 'media-arrow-right' %}

{%- endif -%}

{%- unless section.settings.stack_images -%}
{{- slideshow_nav -}}
{%- endunless -%}

{%- endif -%}

{%- capture product_aside -%}
{%- comment -%}

PRODUCT TABS

{%- endcomment -%}

{%- render ‘product-tabs’ -%}

{%- comment -%}

COMPLEMENTARY PRODUCTS

{%- endcomment -%}

{%- assign complementary_products_block = section.blocks | where: ‘type’, ‘complementary_products’ | first -%}

{%- if complementary_products_block != blank -%}

{%- if recommendations.performed and recommendations.products_count > 0 -%}

{{ complementary_products_block.settings.title | escape }}

{%- for product in recommendations.products -%} {% render 'product-item', product: product, use_horizontal: true, show_labels: false, show_product_info: true, show_vendor: false, show_price_on_hover: false %} {%- endfor -%}

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

{%- assign has_ouputted_variant_selector = false -%}

{%- form ‘product’, product, class: ‘ProductForm’ -%}
{%- render ‘product-data’, product: product -%}

{%- for block in section.blocks -%}
{%- case block.type -%}
{%- when ‘@app’ -%}
{%- render block -%}

{%- when ‘product_meta’ -%}
{%- render ‘product-meta’, form: form, block: block, product: product -%}

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

{{- product.description | replace: 'data-section-type', 'data-section-type-placeholder' -}}

{%- endif -%}

{%- when ‘share_buttons’ -%}

{{ 'product.form.share' | t }}

{%- assign share_url = shop.url | append: product.url -%}
{%- assign twitter_text = product.title -%}
{%- assign pinterest_description = product.description | strip_html | truncatewords: 15 | url_param_escape -%}
{%- assign pinterest_image = product.featured_image | img_url: ‘large’ | prepend: ‘https:’ -%}

{%- render 'icon' with 'facebook' -%} {%- render 'icon' with 'twitter' -%} {%- render 'icon' with 'pinterest' -%}

{%- when ‘variant_selector’ -%}
{%- assign has_ouputted_variant_selector = true -%}
{%- render ‘product-form’, block: block, product: product -%}

{%- when ‘quantity_selector’ -%}

{%- if block.settings.show_label -%} {{ 'product.form.quantity' | t }}: {%- endif -%}

{%- assign quantity_minus_one = line_item.quantity | minus: 1 -%}

{% render ‘icon’ with ‘minus’ %}

{% render ‘icon’ with ‘plus’ %}

{%- when ‘inventory’ -%}
{%- assign hide_inventory_quantity_by_default = false -%}

{%- if product.selected_or_first_available_variant.inventory_management == blank or product.selected_or_first_available_variant.inventory_quantity <= 0 -%}
{%- assign hide_inventory_quantity_by_default = true -%}
{%- endif -%}

{%- if block.settings.inventory_quantity_threshold != 0 and product.selected_or_first_available_variant.inventory_quantity > block.settings.inventory_quantity_threshold -%}
{%- assign hide_inventory_quantity_by_default = true -%}
{%- endif -%}

{%- if block.settings.inventory_quantity_threshold == 0 -%} {{- 'product.form.inventory_quantity_count' | t: count: product.selected_or_first_available_variant.inventory_quantity -}} {%- else -%} {{- 'product.form.low_inventory_quantity_count' | t: count: product.selected_or_first_available_variant.inventory_quantity -}} {%- endif -%}

{%- when ‘buy_buttons’ -%}
{%- if block.settings.show_payment_button == false or product.selling_plan_groups.size > 0 -%}
{%- assign use_primary_button = true -%}
{%- else -%}
{%- assign use_primary_button = false -%}
{%- endif -%}

{%- if block.settings.show_payment_button and product.selected_or_first_available_variant.available == false -%} #shopify-section-{{ section.id }} .shopify-payment-button { display: none; } {%- endif -%}

<button type=“submit” data-use-primary-button=“{% if use_primary_button %}true{% else %}false{% endif %}” class=“ProductForm__AddToCart Button {% if product.selected_or_first_available_variant.available and use_primary_button %}Button–primary{% else %}Button–secondary{% endif %} Button–full” {% if product.selected_or_first_available_variant.available %}data-action=“add-to-cart”{% else %}disabled=“disabled”{% endif %}>
{%- if product.selected_or_first_available_variant.available -%}
{% if product.template_suffix == ‘pre-order’ %}{{ ‘product.form.pre_order’ | t }}{% else %}{{ ‘product.form.add_to_cart’ | t }}{% endif %}

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

{{ product.selected_or_first_available_variant.price | money }}
{%- endif -%}
{%- else -%}
{{- ‘product.form.sold_out’ | t -}}
{%- endif -%}

{%- if block.settings.show_payment_button and product.template_suffix != ‘pre-order’ -%}
{{ form | payment_button }}
{%- endif -%}

{%- when ‘store_pickup’ -%}
{%- comment -%}The availability container will be added automatically if there is store pickup available{%- endcomment -%}

{%- when ‘text’ -%}
{%- if block.settings.text != blank -%}

{{- block.settings.text -}}

{%- endif -%}

{%- when ‘liquid’ -%}
{%- if block.settings.liquid != blank -%}

{{ block.settings.liquid }}

{%- endif -%}

{%- endcase -%}
{%- endfor -%}

{%- unless has_ouputted_variant_selector -%}
{%- comment -%}If for any reason the merchant has removed the variant selector block, we still output the ID here{%- endcomment -%}

{%- endunless -%}
{%- endform -%}

{%- if section.settings.stack_images and product_aside != blank and media_count > 0 -%}

{{ 'product.form.view_info' | t }} {% render 'icon' with 'select-arrow-right' %} {{ 'product.form.view_images' | t }} {% render 'icon' with 'select-arrow-right' %}

{%- endif -%}

{%- if product_aside != blank -%}

{{- product_aside -}}

{%- endif -%}

{%- comment -%}

PHOTO SWIPE

This is the root container for the zoom functionality. Must not be removed, as order element is important.

{%- endcomment -%}

{%- if section.settings.enable_image_zoom -%}

{% render 'icon' with 'arrow-left' %} {% render 'icon' with 'close' %} {% render 'icon' with 'arrow-right' %}

{%- endif -%}

{% schema %}
{
“name”: “Product page”,
“class”: “shopify-section–bordered”,
“blocks”: [
{
“type”: “product_meta”,
“name”: “Product meta”,
“limit”: 1,
“settings”: [
{
“type”: “checkbox”,
“id”: “show_vendor”,
“label”: “Show vendor”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_sku”,
“label”: “Show SKU”,
“default”: false
},
{
“type”: “checkbox”,
“id”: “show_product_rating”,
“label”: “Show product rating”,
“info”: “To display a rating, add a product rating app. Learn more”,
“default”: false
},
{
“type”: “checkbox”,
“id”: “show_taxes_included”,
“label”: “Show price taxes notice”,
“default”: false
}
]
},
{
“type”: “variant_selector”,
“name”: “Variant selector”,
“limit”: 1,
“settings”: [
{
“type”: “select”,
“id”: “selector_mode”,
“label”: “Selector type”,
“options”: [
{
“value”: “block”,
“label”: “Block”
},
{
“value”: “dropdown”,
“label”: “Dropdown”
}
],
“default”: “dropdown”
},
{
“type”: “checkbox”,
“id”: “show_color_swatch”,
“label”: “Show color swatch”,
“default”: false,
“info”: “Some colors appear white? Learn more.”
},
{
“type”: “checkbox”,
“id”: “show_color_carousel”,
“label”: “Show color carousel”,
“info”: “A pop-up selector with variant images for choosing colors. Only enables when color swatch is disabled.”,
“default”: false
},
{
“type”: “page”,
“id”: “size_chart”,
“label”: “Size chart”,
“info”: “Show along option named Size.”
}
]
},
{
“type”: “share_buttons”,
“name”: “Share buttons”,
“limit”: 1
},
{
“type”: “inventory”,
“name”: “Inventory”,
“limit”: 1,
“settings”: [
{
“type”: “range”,
“id”: “inventory_quantity_threshold”,
“label”: “Inventory quantity threshold”,
“info”: “Only show inventory quantity if below threshold. Choose 0 to always show.”,
“min”: 0,
“max”: 50,
“step”: 1,
“default”: 0
}
]
},
{
“type”: “buy_buttons”,
“name”: “Buy buttons”,
“limit”: 1,
“settings”: [
{
“type”: “checkbox”,
“id”: “show_price_in_button”,
“label”: “Show price in add to cart button”,
“default”: false
},
{
“type”: “checkbox”,
“id”: “show_payment_button”,
“label”: “Show dynamic checkout button”,
“info”: “Each customer will see their preferred payment method from those available on your store, such as PayPal or Apple Pay. Learn more”,
“default”: true
}
]
},
{
“type”: “description”,
“name”: “Description”,
“limit”: 1
},
{
“type”: “liquid”,
“name”: “Liquid”,
“settings”: [
{
“type”: “paragraph”,
“content”: “This Liquid code will show on the right part of the product page.”
},
{
“type”: “liquid”,
“id”: “liquid”,
“label”: “Liquid”
}
]
},
{
“type”: “quantity_selector”,
“name”: “Quantity selector”,
“limit”: 1,
“settings”: [
{
“type”: “checkbox”,
“id”: “show_label”,
“label”: “Show label”,
“default”: false
}
]
},
{
“type”: “text”,
“name”: “Text”,
“settings”: [
{
“type”: “paragraph”,
“content”: “This text will show on the right part of the product page.”
},
{
“type”: “text”,
“id”: “text”,
“label”: “Text”
}
]
},
{
“type”: “store_pickup”,
“name”: “Local pickup availability”,
“limit”: 1,
“settings”: [
{
“type”: “paragraph”,
“content”: “Show customers where they can pick up the product. Learn more”
}
]
},
{
“type”: “@app”
},
{
“name”: “Content”,
“type”: “content”,
“settings”: [
{
“type”: “paragraph”,
“content”: “This content will show on the left part, below the product images.”
},
{
“type”: “text”,
“id”: “title”,
“label”: “Title”
},
{
“type”: “richtext”,
“id”: “content”,
“label”: “Content”
},
{
“type”: “page”,
“id”: “page”,
“label”: “Content from page”,
“info”: “If specified, takes precedence over inline content.”
}
]
},
{
“name”: “Reviews”,
“type”: “reviews”,
“limit”: 1,
“settings”: [
{
“type”: “paragraph”,
“content”: "To show reviews, install Shopify Product Reviews. This content will show on the left part, below the product images. "
}
]
},
{
“name”: “Complementary products”,
“type”: “complementary_products”,
“limit”: 1,
“settings”: [
{
“type”: “paragraph”,
“content”: “To select complementary products, use the Search & Discovery app. Learn more”
},
{
“type”: “text”,
“id”: “title”,
“label”: “Heading”,
“default”: “Buy it with”
},
{
“type”: “range”,
“id”: “products_count”,
“min”: 1,
“max”: 10,
“label”: “Products count”,
“default”: 1
}
]
}
],
“settings”: [
{
“type”: “header”,
“content”: “Media”
},
{
“type”: “paragraph”,
“content”: “Learn more about media types”
},
{
“type”: “select”,
“id”: “image_size”,
“label”: “Size”,
“options”: [
{
“value”: “small”,
“label”: “Small”
},
{
“value”: “medium”,
“label”: “Medium”
},
{
“value”: “large”,
“label”: “Large”
},
{
“value”: “fill”,
“label”: “Fill screen”
}
],
“default”: “large”
},
{
“type”: “checkbox”,
“id”: “stack_images”,
“label”: “Stack images on desktop”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_thumbnails”,
“label”: “Show thumbnails on desktop”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “enable_image_zoom”,
“label”: “Enable zoom”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “enable_video_looping”,
“label”: “Enable video looping”,
“default”: false
}
]
}
{% endschema %}

[Celesnik]

please can you help me, I want to do exactly the same thing

[Celesnik]

{{ '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 -%}
.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 and media_count > 1 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 -%}
• {%- 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 -%}
{%- case block.type -%}
{%- when ‘@app’ -%}
{% render block %}
{%- when ‘text’ -%}

{{- block.settings.text -}}

{%- when 'title' -%}

{{ product.title | escape }}

{{ product.title | escape }}

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

{{ ‘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”
{% 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 -%} {{ '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 -%}
{%- 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 -%}

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