').val(option).html(option);
selector.append(newOption);
}
//console.log(availableOptionsJas);
jQuery('#callBackVariant .swatches-select[data-option-index="' + selectorIndex + '"] .basel-swatch').each(function() {
//console.log('sdffsdfds');
if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) {
$(this).removeClass('jas_unavailable')
}
else {
$(this).addClass('jas_unavailable')
}
});
jQuery('#callBackVariant .swatches-select[data-option-index="' + selectorIndex + '"] .basel-swatch').each(function() {
//console.log('sdffsdfds');
if (jQuery.inArray($(this).attr('data-value'), availableOptionsJas) !== -1) {
$(this).removeClass('jas_soldout')
}
else {
$(this).addClass('jas_soldout')
}
});
if (jQuery.inArray(initialValue, availableOptions) !== -1) {
selector.val(initialValue);
}
selector.trigger('change');
};
Shopify.linkOptionSelectors = function(product) {
// Building our mapping object.
for (var i=0; i 1) {
var key = variant.option1;
Shopify.optionsMap[key] = Shopify.optionsMap[key] || [];
Shopify.optionsMap[key].push(variant.option2);
Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]);
}
// Gathering values for the 3rd drop-down.
if (product.options.length === 3) {
var key = variant.option1 + ' / ' + variant.option2;
Shopify.optionsMap[key] = Shopify.optionsMap[key] || [];
Shopify.optionsMap[key].push(variant.option3);
Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]);
}
}
if (variant.available) {
// Gathering values for the 1st drop-down.
Shopify.optionsMapJas['root'] = Shopify.optionsMapJas['root'] || [];
Shopify.optionsMapJas['root'].push(variant.option1);
Shopify.optionsMapJas['root'] = Shopify.uniq(Shopify.optionsMapJas['root']);
// Gathering values for the 2nd drop-down.
if (product.options.length > 1) {
var key = variant.option1;
Shopify.optionsMapJas[key] = Shopify.optionsMapJas[key] || [];
Shopify.optionsMapJas[key].push(variant.option2);
Shopify.optionsMapJas[key] = Shopify.uniq(Shopify.optionsMapJas[key]);
}
// Gathering values for the 3rd drop-down.
if (product.options.length === 3) {
var key = variant.option1 + ' / ' + variant.option2;
Shopify.optionsMapJas[key] = Shopify.optionsMapJas[key] || [];
Shopify.optionsMapJas[key].push(variant.option3);
Shopify.optionsMapJas[key] = Shopify.uniq(Shopify.optionsMapJas[key]);
}
}
}
// Update options right away.
Shopify.updateOptionsInSelector(0);
if (product.options.length > 1) Shopify.updateOptionsInSelector(1);
if (product.options.length === 3) Shopify.updateOptionsInSelector(2);
// When there is an update in the first dropdown.
jQuery("#callBackVariant .single-option-selector:eq(0)").change(function() {
Shopify.updateOptionsInSelector(1);
if (product.options.length === 3) Shopify.updateOptionsInSelector(2);
return true;
});
// When there is an update in the second dropdown.
jQuery("#callBackVariant .single-option-selector:eq(1)").change(function() {
if (product.options.length === 3) Shopify.updateOptionsInSelector(2);
return true;
});
};
var product = {"id": 8777392095406,"title": "P354 Raglan Long Sleeve Vest With Fuzzy Collar - kid's","handle": "copy-of-p354-raglan-long-sleeve-vest-with-fuzzy-collar-kids","price": 62000,"price_min": 62000,"price_max": 62000,"available": true,"price_varies": false,"compare_at_price": null,"compare_at_price_min": 0,"compare_at_price_max": 0,"compare_at_price_varies": false,"variants": [{"id": 46616270569646,"title": "k1 / blk","option1": "k1","option2":"blk","option3":null,"sku": "P354-BLK-K1","requires_shipping": true,"taxable": false,"featured_image":{"id": 40047205941422,"product_id": 8777392095406,"width": 2048,"height": 2048,"src": "\/\/snorkeling-gear.com\/cdn\/shop\/files\/P354-BLK_0eb0832f-880b-4a66-9df1-02338d963784.jpg?v=1750669692"},"available": true,"public_title": "k1 / blk","options": ["k1","blk"],"price": 62000,"weight": 300,"compare_at_price": null,"inventory_quantity": 5,"inventory_management": "shopify","inventory_policy": "deny","barcode": null},{"id": 46616270602414,"title": "k2 / blk","option1": "k2","option2":"blk","option3":null,"sku": "P354-BLK-K2","requires_shipping": true,"taxable": false,"featured_image":{"id": 40047205941422,"product_id": 8777392095406,"width": 2048,"height": 2048,"src": "\/\/snorkeling-gear.com\/cdn\/shop\/files\/P354-BLK_0eb0832f-880b-4a66-9df1-02338d963784.jpg?v=1750669692"},"available": true,"public_title": "k2 / blk","options": ["k2","blk"],"price": 62000,"weight": 300,"compare_at_price": null,"inventory_quantity": 5,"inventory_management": "shopify","inventory_policy": "deny","barcode": null},{"id": 46616270635182,"title": "k3 / blk","option1": "k3","option2":"blk","option3":null,"sku": "P354-BLK-K3","requires_shipping": true,"taxable": false,"featured_image":{"id": 40047205941422,"product_id": 8777392095406,"width": 2048,"height": 2048,"src": "\/\/snorkeling-gear.com\/cdn\/shop\/files\/P354-BLK_0eb0832f-880b-4a66-9df1-02338d963784.jpg?v=1750669692"},"available": true,"public_title": "k3 / blk","options": ["k3","blk"],"price": 62000,"weight": 300,"compare_at_price": null,"inventory_quantity": 5,"inventory_management": "shopify","inventory_policy": "deny","barcode": null},{"id": 46616270667950,"title": "k4 / blk","option1": "k4","option2":"blk","option3":null,"sku": "P354-BLK-K4","requires_shipping": true,"taxable": false,"featured_image":{"id": 40047205941422,"product_id": 8777392095406,"width": 2048,"height": 2048,"src": "\/\/snorkeling-gear.com\/cdn\/shop\/files\/P354-BLK_0eb0832f-880b-4a66-9df1-02338d963784.jpg?v=1750669692"},"available": true,"public_title": "k4 / blk","options": ["k4","blk"],"price": 62000,"weight": 300,"compare_at_price": null,"inventory_quantity": 5,"inventory_management": "shopify","inventory_policy": "deny","barcode": null}],"featured_image": "\/\/snorkeling-gear.com\/cdn\/shop\/files\/P354-BLK_0eb0832f-880b-4a66-9df1-02338d963784.jpg?v=1750669692","options": ["Size","Color"]};
var $addToCartForm = $('#callBackVariant form[action="/cart/add"]');
if (window.MutationObserver && $addToCartForm.length) {
if (typeof observer === 'object' && typeof observer.disconnect === 'function') {
observer.disconnect();
}
var config = { childList: true, subtree: true };
var observer = new MutationObserver(function() {
Shopify.linkOptionSelectors(product);
observer.disconnect();
});
observer.observe($addToCartForm[0], config);
}
