new Shopify.OptionSelectors("product-select-2920853765", { product: filterVariants({"id":2920853765,"title":"*Complete Bead Materials","handle":"complete-bead-materials","description":"","published_at":"2015-11-16T16:02:00+10:00","created_at":"2015-11-16T16:06:33+10:00","vendor":"I AM Montessori","type":"Mathematics","tags":[],"price":57995,"price_min":57995,"price_max":57995,"available":false,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":8590366085,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"MA068-2","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"*Complete Bead Materials","public_title":null,"options":["Default Title"],"price":57995,"weight":0,"compare_at_price":null,"inventory_quantity":0,"inventory_management":"shopify","inventory_policy":"deny","barcode":""}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0274\/9811\/products\/1_7a6e50d9-584f-4f83-afd7-121d0df0b9d4.jpeg?v=1447653995"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0274\/9811\/products\/1_7a6e50d9-584f-4f83-afd7-121d0df0b9d4.jpeg?v=1447653995","options":["Title"],"media":[{"alt":null,"id":35868966993,"position":1,"preview_image":{"aspect_ratio":1.0,"height":108,"width":108,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0274\/9811\/products\/1_7a6e50d9-584f-4f83-afd7-121d0df0b9d4.jpeg?v=1568727972"},"aspect_ratio":1.0,"height":108,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0274\/9811\/products\/1_7a6e50d9-584f-4f83-afd7-121d0df0b9d4.jpeg?v=1568727972","width":108}],"content":""}), onVariantSelected: selectCallback });
// Add label if only one product option and it isn't 'Title'. Could be 'Size'.
// Hide selectors if we only have 1 variant and its title contains 'Default'.
$('.selector-wrapper').hide();
// Auto-select first available variant on page load. Otherwise the product looks sold out.
});
jQuery(document).ready(function($){
// Initialize popup as usual
$('.slides').magnificPopup({
delegate: 'a',
type: 'image',
closeOnContentClick: false,
closeBtnInside: false,
mainClass: 'mfp-with-zoom mfp-img-mobile',
image: {
verticalFit: true
},
gallery: {
enabled: true
},
zoom: {
enabled: true,
duration: 300, // don't foget to change the duration also in CSS
opener: function(element) {
return element.find('img');
}
}
});
});