Hello @echilviet This is the JS code
$(document).ready(function($) {
new Shopify.OptionSelectors('ProductSelect', {product: {{ product | json }}, onVariantSelected: selectCallback});
// Add label if only one product option and it isn't 'Title'. Could be 'Size'.
{% if product.options.size == 1 and product.options.first != 'Title' %}
$('.selector-wrapper:eq(0)').prepend('<label>{{ product.options.first }}</label>');
{% endif %}
// Hide selectors if we only have 1 variant and its title contains 'Default'.
{% if product.variants.size == 1 and product.variants.first.title contains 'Default' %}
$('.selector-wrapper').hide();
{% endif %}
// Auto-select first available variant on page load. Otherwise the product looks sold out.
{% assign found_one_in_stock = false %}
{% for variant in product.variants %}
{% if variant.available and found_one_in_stock == false %}
{% assign found_one_in_stock = true %}
{% for option in product.options %}
$('.single-option-selector:eq({{ forloop.index0 }})').val({{ variant.options[forloop.index0] | json }}).trigger('change');
{% endfor %}
{% endif %}
{% endfor %}
var selectCallback = function(variant, selector){
// BEGIN SWATCHES
if (variant) {
// console.log(variant);
if(variant.available){
$(".add-to-cart-button-div").text("ADD TO BAG");
$(".product-price-div").text( Shopify.formatMoney(variant.price,'{{ shop.money_format }}'));
}
else{
$(".add-to-cart-button-div").text("SOLD OUT");
}
}
}
});
});
This is the liquid code on product page (Variant Dropdown)
<select name="id" id="ProductSelect" class="product-form__variants no-js">
{% for variant in product.variants %}
<option data-qty="{{variant.inventory_quantity}}" {% if variant == current_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}" {% unless variant.available %} disabled="disabled" {% endunless %}>
{% if variant.available %}
{{ variant.title }} - {{ variant.price | money_with_currency }}
{% else %}
{{ variant.title }} - Add to Cart (Awaiting Stock)
{% endif %}
</option>
{% endfor %}
</select>
Thanks
