NEW STANDARD move "PRICE" field

Solved
Highlighted

Hi everyone!

NEW STANDARD THEME

Could someone help me to figure out how to move "Price" on the Product pages under the Product Title? I tried to move a liquid code but that didn't help. I think there's more to it than just a copy-paste from the liquids. 

Thanks!

Mari

 

0 Likes
Highlighted

Hello Icefreeze,
Please share your site url.
So that i can check and provide you exact solution here.

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted

 


@oscprofessional wrote:

Hello Icefreeze,
Please share your site url.
So that i can check and provide you exact solution here.


www.minxx.se

0 Likes
Highlighted

Hello 

You want like this:

170.jpg

Please share your Online Store-> Themes -> Edit code->Sections->product-template.liquid file code here or mail me:
Email: pallavi@oscprofessionals.com

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted

Yes, exactly!

Here's the whole long code for the Product:


<div class="clearfix" id="product-content" itemscope itemtype="http://schema.org/Product">
<meta itemprop="url" content="{{ shop.url }}{{ product.url }}">
<meta itemprop="image" content="{{ product.featured_image.src | img_url: 'grande' }}">
<script async src="https://eu-library.klarnaservices.com/merchant.js?uci=5476a963-db84-46a5-9d7e-9969bc7ea983&country=S...>
{% comment %}The reason why we're removing the form tags when the product is sold out is because we add a 'notify me when product is available' contact form within, and nested forms don't work.{% endcomment %}
{% if product.available %}
<form action="/cart/add" method="post" enctype="multipart/form-data">
{% endif %}

<div class="grid">

<div id="product-photos" class="grid-item col-6 small--col-12">
{% assign featured_image = product.selected_or_first_available_variant.featured_image | default: product.featured_image %}

{% if product.images.size == 0 %}
<div id="product-photo-container">
<img src="{{ '' | img_url: 'grande' }}" alt="">
</div><!-- #product-photo-container -->
{% else %}
<div id="product-photo-container">
{% if product.images.size == 1 %}
<a href="{{ featured_image | img_url: '1024x1024' }}" rel="gallery">
<img src="{{ product.featured_image.src | img_url: 'grande' }}" alt="{{ featured_image.alt | escape }}" data-image-id="{{ featured_image.id }}" id="productPhotoImg">
</a>
{% else %}
<img src="{{ featured_image | img_url: 'grande' }}" alt="{{ featured_image.alt | escape }}" data-image-id="{{ featured_image.id }}" id="productPhotoImg">
{% endif %}
</div>

{% if product.images.size > 1 %}
<ul id="product-photo-thumbs" class="clearfix">
{% for image in product.images %}
<li class="product-photo-thumb">
<a class="gallery" href="{{ image.src | img_url: 'original' }}" data-image-id="{{ image.id }}">
<img src="{{ image.src | img_url: 'compact' }}" alt="{{ image.alt | escape }}">
</a>
</li>
{% endfor %}
</ul>
<ul id="lightbox" class="hidden">
{% for image in product.images %}
<li>
<a href="{{ image.src | img_url: '1024x1024' }}" rel="gallery" data-image-id="{{ image.id }}"></a>
</li>
{% endfor %}
</ul>
{% endif %}
{% endif %}
</div><!-- #product-photos -->

<div class="grid-item col-6 small--col-12">

<h1 itemprop="name">{{ product.title }}</h1>
<div class="yotpo bottomLine"
data-appkey="XaOf9V3K55O5B81z6CfJkC70ARkGWCvYLu80c4ox"
data-domain="{{ shop.permanent_domain | escape }}"
data-product-id="{{ product.id }}"
data-product-models="{{ product.id }}"

data-name="{{ product.title | escape }}"
data-url="{{ shop.url }}{{ product.url }}"
data-image-url="{{ product.featured_image | product_img_url: 'large'
|replace: '?', '%3F' | replace: '&','%26'}}"
data-description="{{ product.description | escape }}"
data-bread-crumbs="{% for tag in product.tags %}{{ tag | escape }};{%
endfor %}">
</div>

{% if settings.show_vendor %}
{% assign product_vendor_handle = product.vendor | handle %}
{% if collections[product_vendor_handle].handle == product_vendor_handle %}
{% assign vendor_url = collections[product_vendor_handle].url %}
{% else %}
{% assign vendor_url = product.vendor | url_for_vendor %}
{% endif %}
<h3 itemprop="brand">{{ product.vendor | link_to: vendor_url }}</h3>
{% endif %}

<hr>

{% if settings.prod_desc_placement == 'above' %}
<div id="product-description" class="above">
<div id="full_description" class="rte" itemprop="description">
{{ product.description }}
</div>
</div>

<hr>
{% endif %}

<div id="product-prices" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="priceCurrency" content="{{ shop.currency }}">
{% if product.available %}
<link itemprop="availability" href="http://schema.org/InStock">
{% else %}
<link itemprop="availability" href="http://schema.org/OutOfStock">
{% endif %}
<p id="product-price">
{% if product.compare_at_price > product.price %}
<span class="product-price on-sale" itemprop="price">{{ product.price | money }}</span>&nbsp;<span class="product-compare-price">{{ product.compare_at_price_max | money }}</span>
{% else %}
<span class="product-price" itemprop="price">{{ product.price | money }}</span>
{% endif %}
</p>

</div>

<hr class="hr--small hr--invisible">

{% assign hide_default_title = false %}
{% if product.variants.size == 1 and product.variants.first.title contains 'Default' %}
{% assign hide_default_title = true %}
{% endif %}

<div class="{% if hide_default_title %}{% unless settings.show_qty and product.available %} hidden{% endunless %}{% endif %}">
<div class="select-wrappers{% if hide_default_title %} hidden{% endif %}">
<select id="product-select" name="id" class="hidden">
{% for variant in product.variants %}
<option{% if variant == product.selected_or_first_available_variant %} selected{% endif %} value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money }}</option>
{% endfor %}
</select>
</div>
{% if settings.show_qty %}
<div class="selector-wrapper">
<label for="quantity">{{ 'products.product.quantity' | t }}</label>
<input id="quantity" type="number" name="quantity" class="styled-input" value="1" min="1">
</div>
{% endif %}
<hr>
<h5 class="text-left"; style="color: #FD00A5;"> ♛ ÖPPET KÖP 14 DAGAR. FRI RETUR. BETALA MED KORT ELLER KLARNA ♛</h5>
</div>

{% comment %}
Additional form fields to customize your product.
Example code below for every type of form fields.
Use any form field, and as many as you need.
{% endcomment %}

{% comment %}
<div id="properties">
<div class="property-wrapper">
<label for="first-property">First Property</label>
<select id="first-property" name="properties[First Property]">
<option>First Option</option>
<option>Second Option</option>
<option>Third Option</option>
<option>Fourth Option</option>
</select>
</div>
<div class="property-wrapper">
<p>Second Property</p>
<input class="radio" type="radio" id="first-option" name="properties[Second Property]" value="First Option"> <label for="first-option">First Option</label>
<input class="radio"type="radio" id="second-option" name="properties[Second Property]" value="Second Option"> <label for="second-option">Second Option</label>
<input class="radio"type="radio" id="third-option" name="properties[Second Property]" value="Third Option"> <label for="third-option">Third Option</label>
<input class="radio"type="radio" id="fourth-option" name="properties[Second Property]" value="Fourth Option"> <label for="fourth-option">Fourth Option</label>
</div>
<div class="property-wrapper">
<label for="third-property">Third Property</label>
<input class="text" type="text" id="third-property" name="properties[Third Property]" value="">
</div>
<div class="property-wrapper">
<input class="checkbox" type="checkbox" id="fourth-property" name="properties[Fourth Property]" value="Yes">
<label for="fourth-property">Fourth Property Opt-in</label>
</div>
<div class="property-wrapper">
<label for="fifth-property">Fifth Property</label>
<input class="file" type="file" id="fifth-property" name="properties[Fifth Property]">
</div>
</div>
{% endcomment %}

<div id="backorder" class="hidden">
{% capture item %}<span id="selected-variant"></span>{% endcapture %}
<p>{{ 'products.product.back_order_message_html' | t: item: item }}</p>
<hr>
</div>

{% unless product.available %}
{% if settings.notify_me_form %}
<div id="sold-out">
{% include 'snippet-notify-me' %}
</div>
{% endif %}
{% endunless %}

<button type="submit" name="add" id="add" class="btn">
<span id="addText">{{ 'products.product.add-to-cart' | t }}</span>
</button>

<hr>
{% if settings.prod_desc_placement == 'above' or settings.prod_desc_placement == 'bottom' %}
{% if settings.social_sharing_products %}
<h4>Share this product</h4>
{% include 'social-sharing' %}
{% endif %}
{% endif %}

{% if settings.prod_desc_placement == 'below' %}
<div id="product-description" class="below">
<div id="full_description" class="rte" itemprop="description">
{{ product.description }}
</div>
</div>

{% if settings.social_sharing_products %}
<hr>
<h4>{{ 'products.product.share_title' | t }}</h4>
{% include 'social-sharing' %}
{% endif %}
{% endif %}
</div>

</div>

{% if product.available %}
</form>
{% endif %}

{% if settings.prod_desc_placement == 'bottom' %}
<hr>
<div id="product-description">
<div id="full_description" class="rte" itemprop="description">
{{ product.description }}
</div>
</div>
{% endif %}

</div><!-- #product-content -->

<div class="yotpo yotpo-main-widget"
data-product-id="{{ product.id }}"
data-name="{{ product.title | escape }}"
data-url="{{ shop.url }}{{ product.url }}"
data-image-url="{{ product.featured_image | product_img_url: "large" |replace: '?', '%3F' | replace: '&','%26'}}"
data-description="{{ product.description | escape }}">

</div>

 

{% include 'snippet-related-products' %}
{% include 'snippet-breadcrumbs' %}

{{ 'option_selection.js' | shopify_asset_url | script_tag }}
<script>
$(function() {

var selectCallback = function(variant, selector) {

var $add = $('#add'),
$addText = $('#addText'),
$backorder = $('#backorder'),
$price = $('#product-price'),
$featuredImage = $('#productPhotoImg');

if (variant) {

// Update variant image, if one is set
// Call standard.switchImage function in shop.js
if (variant.featured_image) {
var newImg = variant.featured_image,
el = $featuredImage[0];
Shopify.Image.switchImage(newImg, el, standard.switchImage);
}

if (variant.available) {

// Selected a valid variant that is available
$addText.html({{ 'products.product.add_to_cart' | t | json }});
$add.removeClass('disabled').removeAttr('disabled').fadeTo(200,1);

// If item is back ordered yet can still be ordered, we'll show special message
if (variant.inventory_management && variant.inventory_quantity <= 0) {
$('#selected-variant').html({{ product.title | json }}{% unless hide_default_title %} + ' - ' + variant.title{% endunless %});
$backorder.removeClass('hidden').fadeTo(200,1);
} else {
$backorder.fadeTo(200,0).addClass('hidden');
}

} else {
// Variant is sold out
$backorder.fadeTo(200,0).addClass('hidden');
$addText.html({{ 'products.product.sold_out' | t | json }});
$add.addClass('disabled').attr('disabled', 'disabled').fadeTo(200,0.5);
}

// Whether the variant is in stock or not, we can update the price and compare at price
if ( variant.compare_at_price > variant.price ) {
// Update price field
$price.html('<span class="product-price on-sale">'+ Shopify.formatMoney(variant.price, "{{ shop.money_format }}") +'</span>'+'&nbsp;<span class="product-compare-price">'+Shopify.formatMoney(variant.compare_at_price, "{{ shop.money_format }}")+ '</span>');
} else {
// Update price field
$price.html('<span class="product-price">'+ Shopify.formatMoney(variant.price, "{{ shop.money_format }}") + '</span>' );
}

{% if settings.show_multiple_currencies and shop.money_format contains 'money' %}
Currency.convertAll(shopCurrency, $('[name=currencies]').val(), 'form[action="/cart/add"] span.money');
{% endif %}

} else {
// variant doesn't exist
$backorder.fadeTo(200,0).addClass('hidden');
$addText.html({{ 'products.product.unavailable' | t | json }});
$add.addClass('disabled').attr('disabled', 'disabled').fadeTo(200,0.5);
}

};

new Shopify.OptionSelectors('product-select', {
product: {{ product | json }},
onVariantSelected: selectCallback,
enableHistoryState: true
});

// Add label if only one product option and it isn't 'Title'
{% if product.options.size == 1 and product.options.first != 'Title' %}
$('.selector-wrapper:eq(0)').prepend('<label>{{ product.options.first | escape }}</label>');
{% endif %}

});

Shopify.Image.preload({{ product.images | json }}, 'grande');
Shopify.Image.preload({{ product.images | json }}, '1024x1024');

</script>

0 Likes
Highlighted

Hello 

Replace your code with below code:

<div class="clearfix" id="product-content" itemscope itemtype="http://schema.org/Product">
<meta itemprop="url" content="{{ shop.url }}{{ product.url }}">
<meta itemprop="image" content="{{ product.featured_image.src | img_url: 'grande' }}">
<script async src="https://eu-library.klarnaservices.com/merchant.js?uci=5476a963-db84-46a5-9d7e-9969bc7ea983&country=S...>
{% comment %}The reason why we're removing the form tags when the product is sold out is because we add a 'notify me when product is available' contact form within, and nested forms don't work.{% endcomment %}
{% if product.available %}
<form action="/cart/add" method="post" enctype="multipart/form-data">
{% endif %}

<div class="grid">

<div id="product-photos" class="grid-item col-6 small--col-12">
{% assign featured_image = product.selected_or_first_available_variant.featured_image | default: product.featured_image %}

{% if product.images.size == 0 %}
<div id="product-photo-container">
<img src="{{ '' | img_url: 'grande' }}" alt="">
</div><!-- #product-photo-container -->
{% else %}
<div id="product-photo-container">
{% if product.images.size == 1 %}
<a href="{{ featured_image | img_url: '1024x1024' }}" rel="gallery">
<img src="{{ product.featured_image.src | img_url: 'grande' }}" alt="{{ featured_image.alt | escape }}" data-image-id="{{ featured_image.id }}" id="productPhotoImg">
</a>
{% else %}
<img src="{{ featured_image | img_url: 'grande' }}" alt="{{ featured_image.alt | escape }}" data-image-id="{{ featured_image.id }}" id="productPhotoImg">
{% endif %}
</div>

{% if product.images.size > 1 %}
<ul id="product-photo-thumbs" class="clearfix">
{% for image in product.images %}
<li class="product-photo-thumb">
<a class="gallery" href="{{ image.src | img_url: 'original' }}" data-image-id="{{ image.id }}">
<img src="{{ image.src | img_url: 'compact' }}" alt="{{ image.alt | escape }}">
</a>
</li>
{% endfor %}
</ul>
<ul id="lightbox" class="hidden">
{% for image in product.images %}
<li>
<a href="{{ image.src | img_url: '1024x1024' }}" rel="gallery" data-image-id="{{ image.id }}"></a>
</li>
{% endfor %}
</ul>
{% endif %}
{% endif %}
</div><!-- #product-photos -->

<div class="grid-item col-6 small--col-12">

<h1 itemprop="name">{{ product.title }}</h1>
                   
<div id="product-prices" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="priceCurrency" content="{{ shop.currency }}">
{% if product.available %}
<link itemprop="availability" href="http://schema.org/InStock">
{% else %}
<link itemprop="availability" href="http://schema.org/OutOfStock">
{% endif %}
<p id="product-price">
{% if product.compare_at_price > product.price %}
<span class="product-price on-sale" itemprop="price">{{ product.price | money }}</span>&nbsp;<span class="product-compare-price">{{ product.compare_at_price_max | money }}</span>
{% else %}
<span class="product-price" itemprop="price">{{ product.price | money }}</span>
{% endif %}
</p>

</div>
<div class="yotpo bottomLine"
data-appkey="XaOf9V3K55O5B81z6CfJkC70ARkGWCvYLu80c4ox"
data-domain="{{ shop.permanent_domain | escape }}"
data-product-id="{{ product.id }}"
data-product-models="{{ product.id }}"

data-name="{{ product.title | escape }}"
data-url="{{ shop.url }}{{ product.url }}"
data-image-url="{{ product.featured_image | product_img_url: 'large'
|replace: '?', '%3F' | replace: '&','%26'}}"
data-description="{{ product.description | escape }}"
data-bread-crumbs="{% for tag in product.tags %}{{ tag | escape }};{%
endfor %}">
</div>

{% if settings.show_vendor %}
{% assign product_vendor_handle = product.vendor | handle %}
{% if collections[product_vendor_handle].handle == product_vendor_handle %}
{% assign vendor_url = collections[product_vendor_handle].url %}
{% else %}
{% assign vendor_url = product.vendor | url_for_vendor %}
{% endif %}
<h3 itemprop="brand">{{ product.vendor | link_to: vendor_url }}</h3>
{% endif %}

<hr>

{% if settings.prod_desc_placement == 'above' %}
<div id="product-description" class="above">
<div id="full_description" class="rte" itemprop="description">
{{ product.description }}
</div>
</div>

<hr>
{% endif %}



<hr class="hr--small hr--invisible">

{% assign hide_default_title = false %}
{% if product.variants.size == 1 and product.variants.first.title contains 'Default' %}
{% assign hide_default_title = true %}
{% endif %}

<div class="{% if hide_default_title %}{% unless settings.show_qty and product.available %} hidden{% endunless %}{% endif %}">
<div class="select-wrappers{% if hide_default_title %} hidden{% endif %}">
<select id="product-select" name="id" class="hidden">
{% for variant in product.variants %}
<option{% if variant == product.selected_or_first_available_variant %} selected{% endif %} value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money }}</option>
{% endfor %}
</select>
</div>
{% if settings.show_qty %}
<div class="selector-wrapper">
<label for="quantity">{{ 'products.product.quantity' | t }}</label>
<input id="quantity" type="number" name="quantity" class="styled-input" value="1" min="1">
</div>
{% endif %}
<hr>
<h5 class="text-left"; style="color: #FD00A5;"> ♛ ÖPPET KÖP 14 DAGAR. FRI RETUR. BETALA MED KORT ELLER KLARNA ♛</h5>
</div>

{% comment %}
Additional form fields to customize your product.
Example code below for every type of form fields.
Use any form field, and as many as you need.
{% endcomment %}

{% comment %}
<div id="properties">
<div class="property-wrapper">
<label for="first-property">First Property</label>
<select id="first-property" name="properties[First Property]">
<option>First Option</option>
<option>Second Option</option>
<option>Third Option</option>
<option>Fourth Option</option>
</select>
</div>
<div class="property-wrapper">
<p>Second Property</p>
<input class="radio" type="radio" id="first-option" name="properties[Second Property]" value="First Option"> <label for="first-option">First Option</label>
<input class="radio"type="radio" id="second-option" name="properties[Second Property]" value="Second Option"> <label for="second-option">Second Option</label>
<input class="radio"type="radio" id="third-option" name="properties[Second Property]" value="Third Option"> <label for="third-option">Third Option</label>
<input class="radio"type="radio" id="fourth-option" name="properties[Second Property]" value="Fourth Option"> <label for="fourth-option">Fourth Option</label>
</div>
<div class="property-wrapper">
<label for="third-property">Third Property</label>
<input class="text" type="text" id="third-property" name="properties[Third Property]" value="">
</div>
<div class="property-wrapper">
<input class="checkbox" type="checkbox" id="fourth-property" name="properties[Fourth Property]" value="Yes">
<label for="fourth-property">Fourth Property Opt-in</label>
</div>
<div class="property-wrapper">
<label for="fifth-property">Fifth Property</label>
<input class="file" type="file" id="fifth-property" name="properties[Fifth Property]">
</div>
</div>
{% endcomment %}

<div id="backorder" class="hidden">
{% capture item %}<span id="selected-variant"></span>{% endcapture %}
<p>{{ 'products.product.back_order_message_html' | t: item: item }}</p>
<hr>
</div>

{% unless product.available %}
{% if settings.notify_me_form %}
<div id="sold-out">
{% include 'snippet-notify-me' %}
</div>
{% endif %}
{% endunless %}

<button type="submit" name="add" id="add" class="btn">
<span id="addText">{{ 'products.product.add-to-cart' | t }}</span>
</button>

<hr>
{% if settings.prod_desc_placement == 'above' or settings.prod_desc_placement == 'bottom' %}
{% if settings.social_sharing_products %}
<h4>Share this product</h4>
{% include 'social-sharing' %}
{% endif %}
{% endif %}


{% if settings.prod_desc_placement == 'below' %}
<div id="product-description" class="below">
<div id="full_description" class="rte" itemprop="description">
{{ product.description }}
</div>
</div>

{% if settings.social_sharing_products %}
<hr>
<h4>{{ 'products.product.share_title' | t }}</h4>
{% include 'social-sharing' %}
{% endif %}
{% endif %}
</div>

</div>

{% if product.available %}
</form>
{% endif %}

{% if settings.prod_desc_placement == 'bottom' %}
<hr>
<div id="product-description">
<div id="full_description" class="rte" itemprop="description">
{{ product.description }}
</div>
</div>
{% endif %}

</div><!-- #product-content -->

<div class="yotpo yotpo-main-widget"
data-product-id="{{ product.id }}"
data-name="{{ product.title | escape }}"
data-url="{{ shop.url }}{{ product.url }}"
data-image-url="{{ product.featured_image | product_img_url: "large" |replace: '?', '%3F' | replace: '&','%26'}}"
data-description="{{ product.description | escape }}">

</div>

 

{% include 'snippet-related-products' %}
{% include 'snippet-breadcrumbs' %}

{{ 'option_selection.js' | shopify_asset_url | script_tag }}
<script>
$(function() {

var selectCallback = function(variant, selector) {

var $add = $('#add'),
$addText = $('#addText'),
$backorder = $('#backorder'),
$price = $('#product-price'),
$featuredImage = $('#productPhotoImg');

if (variant) {

// Update variant image, if one is set
// Call standard.switchImage function in shop.js
if (variant.featured_image) {
var newImg = variant.featured_image,
el = $featuredImage[0];
Shopify.Image.switchImage(newImg, el, standard.switchImage);
}

if (variant.available) {

// Selected a valid variant that is available
$addText.html({{ 'products.product.add_to_cart' | t | json }});
$add.removeClass('disabled').removeAttr('disabled').fadeTo(200,1);

// If item is back ordered yet can still be ordered, we'll show special message
if (variant.inventory_management && variant.inventory_quantity <= 0) {
$('#selected-variant').html({{ product.title | json }}{% unless hide_default_title %} + ' - ' + variant.title{% endunless %});
$backorder.removeClass('hidden').fadeTo(200,1);
} else {
$backorder.fadeTo(200,0).addClass('hidden');
}

} else {
// Variant is sold out
$backorder.fadeTo(200,0).addClass('hidden');
$addText.html({{ 'products.product.sold_out' | t | json }});
$add.addClass('disabled').attr('disabled', 'disabled').fadeTo(200,0.5);
}

// Whether the variant is in stock or not, we can update the price and compare at price
if ( variant.compare_at_price > variant.price ) {
// Update price field
$price.html('<span class="product-price on-sale">'+ Shopify.formatMoney(variant.price, "{{ shop.money_format }}") +'</span>'+'&nbsp;<span class="product-compare-price">'+Shopify.formatMoney(variant.compare_at_price, "{{ shop.money_format }}")+ '</span>');
} else {
// Update price field
$price.html('<span class="product-price">'+ Shopify.formatMoney(variant.price, "{{ shop.money_format }}") + '</span>' );
}

{% if settings.show_multiple_currencies and shop.money_format contains 'money' %}
Currency.convertAll(shopCurrency, $('[name=currencies]').val(), 'form[action="/cart/add"] span.money');
{% endif %}

} else {
// variant doesn't exist
$backorder.fadeTo(200,0).addClass('hidden');
$addText.html({{ 'products.product.unavailable' | t | json }});
$add.addClass('disabled').attr('disabled', 'disabled').fadeTo(200,0.5);
}

};

new Shopify.OptionSelectors('product-select', {
product: {{ product | json }},
onVariantSelected: selectCallback,
enableHistoryState: true
});

// Add label if only one product option and it isn't 'Title'
{% if product.options.size == 1 and product.options.first != 'Title' %}
$('.selector-wrapper:eq(0)').prepend('<label>{{ product.options.first | escape }}</label>');
{% endif %}

});

Shopify.Image.preload({{ product.images | json }}, 'grande');
Shopify.Image.preload({{ product.images | json }}, '1024x1024');

</script>










Try this code and let me know.

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted

Screenshot 2019-12-16 at 10.40.17.png

That code unfortunately didn't work. It removed the product + the description completely from the site. Please see the screenshot. /Mari

0 Likes
Highlighted

Success.

Hello 
Ok.
Please replace your previous code.
I have to check your code from backend.

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like