new Shopify.OptionSelectors("product-select-2920720261", { product: filterVariants({"id":2920720261,"title":"Bead Chains of 100 and 1000 with Box","handle":"bead-chains-of-100-and-1000-with-box","description":"","published_at":"2015-11-16T15:48:00+10:00","created_at":"2015-11-16T15:49:15+10:00","vendor":"I AM Montessori","type":"Mathematics","tags":[],"price":10195,"price_min":10195,"price_max":10195,"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":8589859973,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"Ma056","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Bead Chains of 100 and 1000 with Box","public_title":null,"options":["Default Title"],"price":10195,"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_099284a9-d9c5-4e04-9879-d13bd077a787.jpeg?v=1447652959"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0274\/9811\/products\/1_099284a9-d9c5-4e04-9879-d13bd077a787.jpeg?v=1447652959","options":["Title"],"media":[{"alt":null,"id":35868639313,"position":1,"preview_image":{"aspect_ratio":1.335,"height":194,"width":259,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0274\/9811\/products\/1_099284a9-d9c5-4e04-9879-d13bd077a787.jpeg?v=1568727972"},"aspect_ratio":1.335,"height":194,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0274\/9811\/products\/1_099284a9-d9c5-4e04-9879-d13bd077a787.jpeg?v=1568727972","width":259}],"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');
}
}
});
});